HTML中的表單中有時候需要一些字段必須填寫，為了避免用戶提交空的表單，我們可以使用HTML的required屬性來標記必填項。 例如，我們可以創建一個輸入框并在其中添加一個required屬性：

<input type="text" name="username" required>

如上所示，我們首先定義了一個文本類型的輸入框，然后添加了一個name屬性并將其設置為“username”，最后，我們添加了一個required屬性以標記必填項。 此時，若用戶嘗試提交空的表單，瀏覽器將會提示“此字段是必填字段”并阻止表單的提交。 但是，在某些情況下，required屬性并不會使所有的瀏覽器都生效，為了兼容性，我們還需要在腳本中處理。

<script type="text/javascript">function validateForm() {
var x = document.forms["myForm"]["username"].value;
if (x == null || x == "") {
alert("請輸入您的姓名。");
return false;
}
}
</script>

如上所示，我們創建了一個JavaScript函數validateForm()來驗證輸入框的值，首先獲取了表單對象和必填項的值，若該值為空，則使用alert()函數來顯示一個消息框并返回false，這樣就可以防止表單被提交。 最后，在表單中使用onsubmit來調用該函數：

<form name="myForm" action="submit.php" onsubmit="return validateForm()">
用戶名: <input type="text" name="username">
<input type="submit" value="提交">
</form>

如上所示，我們使用了onsubmit屬性來調用validateForm()函數，以驗證表單的有效性。 通過這樣的方式，我們就可以在HTML中設置必填項，保證表單的有效性。