Latest web development tutorials

HTML input pattern 屬性

HTML input 標籤參考手冊 HTML <input>標籤

實例

只能包含三個字母的輸入字段(不允許數字或特殊字符):

<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>

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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 標籤參考手冊 HTML <input>標籤