在網(wǎng)頁開發(fā)中，表單是不可避免的一部分。HTML5為表單提供了更多的校驗(yàn)方式，可以在客戶端直接對(duì)用戶輸入的數(shù)據(jù)進(jìn)行驗(yàn)證，減少因?yàn)閿?shù)據(jù)不規(guī)范帶來的問題。

下面是一段HTML5表單校驗(yàn)代碼的示例：

<form>
<label>名稱：
<input type="text" name="name" required />
</label>
<label>郵件地址：
<input type="email" name="email" required />
</label>
<label>密碼：
<input type="password" name="password" required minlength="8" />
</label>
<label>重復(fù)密碼：
<input type="password" name="confirm-password" required minlength="8" pattern="^[\w@]{8,20}$" />
</label>
<input type="submit" value="提交" />
</form>

在上面的示例中，我們使用了四種不同的校驗(yàn)方式：

• required：表示該字段是必填的，不能為空。
• email：表示該字段必須是一個(gè)合法的電子郵件地址。
• minlength：表示該字段的最小長度。
• pattern：表示該字段必須符合正則表達(dá)式的規(guī)則。

有了這些校驗(yàn)方式，我們可以在用戶填寫數(shù)據(jù)時(shí)及時(shí)給出提示，讓用戶知道填寫錯(cuò)誤的地方并進(jìn)行修改，增加了用戶體驗(yàn)。