HTML input pattern 屬性

2018-11-18 14:04 更新

HTML <input> pattern 屬性

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

實例

只能包含三個字母的輸入字段(不允許數(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>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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 標簽參考手冊 HTML <input> 標簽
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號