表單數據提交是網站中比較常見的用戶交互行為，在html頁面中常見的是註冊表單，提交數據前，會檢查表單數據的完整性，是否出現漏填、誤填）。如果出現漏填、誤填會提示用戶提示用戶，確保填寫數據準確有效。在檢查表單數據數據一般都是使用php或者JavaScript，今天為大家介紹怎麼使用html5新增元素製作用戶註冊頁面並進行檢查的數據檢查。
html5代碼如下:
頁面運行結果
分析
1、H5中的fieldset標籤
fieldset標籤用於表單中的元素組合起來，標籤會在相關表單元素周圍繪製邊框，大部分瀏覽器支持這個標籤，本實例中fieldset標籤把表單中所有的元素都包裹起來。
2、input標籤
input標籤用戶信息，type有不同的值，輸入字段有很多形式。比如說文本字段、複選框、按鈕（單選、複選），input不是html5新增的元素，html4也可以支持iuput標籤。只是h5新增加了一些新的input屬性，比如說本例中的required屬性，它告訴用戶輸入字段的值是必需的，不能為空，input的placeholder屬性用於幫助用戶填寫輸入字段的提示。input標籤的list屬性，表示輸入字段的預定義選項的 datalist 。
3、output標籤
output是h5中的新標籤，它定義不同類型的輸出。onforminput是input標籤的屬性，h5支持onforminput屬性，它表示戶輸入時運行的腳本。本例中是用戶輸入時運行“value=range1.value”。
4、datalist標籤
datelist定義選項列表，和input元素配合使用，input 元素的 list 屬性來綁定 datalist標籤，不能單獨使用。本例中的datelist標籤是提示輸入的個人主頁的示例列表。注意的是ie不支持datelist標籤這一點是需要注意的。
5、label標籤
label標籤不會向用戶呈現任何效果，如果在 label 元素內點擊文本，會觸發控件。它不是h5中的新標籤。
關於“html5新增元素製作用戶註冊頁面”先聊到這。每天學習一個知識點，每日寄語”每一個成功者都有一個開始。勇於開始，才能找到成功的路。”如轉載請標註出處。
閱讀更多 編程小小學生 的文章
關鍵字: HTML5 技術 JavaScript
