HTML表單是互聯(lián)網(wǎng)商業(yè)化證件中最基礎(chǔ)的組件,從百度提問到淘寶下訂單都要通過表單完成。為了保證表單提交的完整性和準確性,我們需要設(shè)置表單必填項,下面就來講解一下HTML表單必填代碼。
HTML中設(shè)置表單必填項的標(biāo)簽是required,通常用在表單元素中的input、textarea、select中,語法如下:
<input type="text" name="name" required>當(dāng)用戶提交表單時,如果沒有填寫這個必填項,會彈出提示框提醒用戶填寫:除了required,還可以使用HTML5中的pattern屬性,用正則表達式限制用戶輸入的格式。例如,限制用戶只能輸入6-12位的數(shù)字或字母:
<input type="text" name="username" required pattern="[a-zA-Z0-9]{6,12}">當(dāng)用戶輸入不符合要求的格式時,同樣會彈出提示框提醒用戶輸入正確的格式。 在必填項的標(biāo)注上,我們一定要清晰明確地告知用戶,哪些信息是必填項,哪些是選填。可以使用加粗、星號等方式突出必填項。 總之,HTML表單必填代碼可以有效的提高表單信息的完整性和準確性,而且設(shè)置起來也相當(dāng)簡單。我們在實際開發(fā)中可以根據(jù)具體的需求進行適當(dāng)?shù)恼{(diào)整和擴展。