HTML <input> pattern 屬性
實例
只能包含三個字母的輸入字段(不允許數(shù)字或特殊字符):
<form action="demo-form.php">
Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}"title="Three letter country code">
<input type="submit">
</form>
Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}"title="Three letter country code">
<input type="submit">
</form>
嘗試一下 ?
瀏覽器支持
Internet Explorer 10、Firefox、Opera 和 Chrome 支持 pattern 屬性。
注意:Safari 或者 Internet Explorer 9 及之前的版本不支持 <input> 標簽的 pattern 屬性。
定義和用法
pattern 屬性規(guī)定用于驗證 <input> 元素的值的正則表達式。
注意:pattern 屬性適用于下面的 input 類型:text、search、url、tel、email 和 password。
提示:請使用全局的 title 屬性來描述模式以幫助用戶。
提示:可以在我們的 JavaScript 教程中學(xué)習(xí)更多有關(guān) 正則表達式 的知識。
HTML 4.01 與 HTML5之間的差異
pattern 屬性是 HTML5 中的新屬性。
語法
<input pattern="regexp">
屬性值
值 | 描述 |
---|---|
regexp | 規(guī)定用于驗證 <input> 元素的值的正則表達式。 |
HTML <input> 標簽
更多建議: