HTML5表單如何設置必填？ HTML5表單是一種非常實用的功能，可以幫助我們創建交互式的表單。在設計表單時，如果你想確保用戶填寫必備的信息，可以使用HTML5提供的“required”屬性。下面讓我們來看一下這個屬性如何使用。 首先，在HTML form控件中的input元素上添加“required”屬性，類似于下面這樣：

<form>
<label>姓名：<input type="text" name="username" required></label>
<label>郵箱：<input type="email" name="email" required></label>
<label>電話：<input type="tel" name="tel" required></label>
<input type="submit" value="提交">
</form>

這個例子中，我們在input元素上添加了“required”屬性，這告訴了瀏覽器，這些字段是必填的。如果用戶沒有填寫這些字段，當他們提交表單時，瀏覽器將會提醒他們需要填寫必填的項。 如果用戶沒有填寫必填的項，瀏覽器會顯示一個默認的提示信息。如果你想自定義這個提示信息，可以使用“oninvalid”屬性，像這樣：

<form>
<label>姓名：<input type="text" name="username" required oninvalid="this.setCustomValidity('請填寫姓名')"></label>
<label>郵箱：<input type="email" name="email" required oninvalid="this.setCustomValidity('請填寫正確的電子郵件地址')"></label>
<label>電話：<input type="tel" name="tel" required oninvalid="this.setCustomValidity('請填寫電話號碼')"></label>
<input type="submit" value="提交">
</form>

在這個例子中，我們添加了“oninvalid”屬性，并設置了自定義的提示信息。這些提示信息會在用戶忘記填寫必填的字段時顯示出來，它們會記錄在input元素的“validationMessage”屬性中。 總結來說，HTML5表單的“required”屬性非常方便，可以幫助你確保用戶填寫必備的信息，讓表單更具交互性。如果你需要自定義提示信息，可以使用“oninvalid”屬性。