HTML 驗證設置必填項 在網頁設計中，為了保證用戶填寫正確的數據并減少出錯的風險，通常需要設置必填項。在HTML中，可以使用required屬性來設置輸入框、下拉菜單、單選框和復選框為必填項。 例如，下面是一個輸入框的代碼，通過添加required屬性，將其設置為必填項。

<p>
<label for="name">姓名</label>：
<input type="text" name="name" id="name" required>
</p>

通過這個簡單的設置，用戶在未填寫姓名的情況下提交表單時，就會得到一個提示，要求其填寫姓名。 除了使用required屬性之外，還可以結合JavaScript來添加額外的驗證邏輯。例如，以下示例代碼中，使用了一個submit事件監聽器，當用戶試圖提交表單時，檢查手機號碼是否符合格式要求。

<form id="myform">
<p>
<label for="phone">手機號碼</label>：
<input type="text" name="phone" id="phone" required>
</p>
<button type="submit">提交</button>
</form>
<script>
document.getElementById("myform").addEventListener("submit", function(event){
var phoneInput = document.getElementById("phone");
var phoneValue = phoneInput.value.trim();
if(!/^1\d{10}$/.test(phoneValue)){
alert("手機號碼格式不正確！");
event.preventDefault();
}
});
</script>

上面的代碼中，使用了正則表達式來檢查手機號碼格式，并在不符合要求的情況下，彈出一個提示框，并阻止表單的提交。 需要注意的是，設置必填項只能保證用戶填寫必要的數據，但不能保證數據的正確性。因此，在驗證必填項的同時，還應該結合其他驗證手段，比如正則表達式、數據格式化等技術手段，來確保數據能夠符合要求。