CSS彈出框在網(wǎng)頁開發(fā)中非常常見，可以通過它來獲取用戶輸入的數(shù)據(jù)。下面介紹一種基于HTML和CSS實現(xiàn)的CSS彈出框獲取數(shù)據(jù)的方法：

<style>
.overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,0.5);
z-index: 100;
}
.popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border-radius: 5px;
z-index: 101;
}
</style>
<div class="overlay">
<div class="popup">
<p>請輸入你的名字：</p>
<input type="text" id="name" placeholder="請輸入你的名字">
<button onclick="submitName()">提交</button>
</div>
</div>
<script>
function submitName() {
var name = document.getElementById("name").value;
alert("你的名字是：" + name);
}
</script>

以上代碼定義了一個半透明的遮罩層和一個彈出框。彈出框包含一個文本輸入框和一個“提交”按鈕。點擊按鈕后，調用submitName()函數(shù)，獲取文本輸入框中的值，并通過alert函數(shù)彈出對話框顯示獲取到的數(shù)據(jù)。

使用這種方法獲取數(shù)據(jù)的好處是，可以避免用戶在頁面中跳轉的情況，從而實現(xiàn)更良好的用戶體驗。但需要注意的是，需要在移動設備上進行測試，確保都能正常使用。