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中设置必填项，保证表单的有效性。