2023年02月25日
⁄ html5
⁄ 共 366字 ⁄ 字型大小
小 中 大
⁄ 閱讀 6,515 次
為了防止惡意註冊，通常會驗證表單必填。實現方法以js為主，略微麻煩。今天才發現，html5如今已自帶驗證表單必填的屬性（html5果然夠體貼夠強大啊~贊乙個）。
該屬性為html5的新屬性 required
，required 屬性規定必需在提交之前填寫輸入字段。如果使用該屬性，則字段是必填（或必選）的。
注：required 屬性適用於以下 型別：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。
語法： <
input
required
="required"
>例：1
2
3
4
<
form
action=""
method
="post"
>
name
:<
input
type
="text"
name
="username"
required
="required"
/>
<
input
type
="submit"
/>
<
/form
>
demo如下：
HTML5表單驗證
在網上搜尋表單驗證，大多數都是js寫的，比較複雜。但是翻閱了html5的新標籤之後，發現html5原生支援對正規表示式 非空的檢測，即pattern，required標籤。如下即可實現該輸入框非空，且是正整數 不過在提交表單時，如果輸入框不合規範，預設的提示並不友好，如果想要更改預設的提示，需要加入...
HTML5表單屬性
1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性，定義了表單的提交方式，覆蓋了form元素的method屬性 8 input form...
Html5 表單屬性
熟悉掌握 html5 的若干新的表單屬性 新的 form 屬性 autocomplete novalidate 新的 input 屬性 autocomplete autofocus form form overrides formaction,formenctype,formmethod,formn...