HTML input pattern 屬性
實例
只能包含三個字母的輸入字段(不允許數字或特殊字符):
<form action="demo_form.html">
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 屬性規定用於驗證<input> 元素的值的正則表達式。
注意: pattern屬性適用於下面的input類型:text、search、url、tel、email和password。
提示:請使用全局的title屬性來描述模式以幫助用戶。
提示:可以在我們的JavaScript教程中學習更多有關正則表達式的知識。
HTML 4.01 與HTML5之間的差異
pattern 屬性是HTML5 中的新屬性。
語法
<input pattern="regexp">
屬性值
值 | 描述 |
---|---|
regexp | 规定用于验证 <input> 元素的值的正则表达式。 |
HTML <input>標籤