本文介紹HTML input pattern 屬性的使用方法，在線實(shí)例演示如何使用HTML input pattern 屬性、瀏覽器的兼容性、語法定義及它的屬性值詳細(xì)資料等。
一個(gè)HTML表單，其輸入字段只能包含三個(gè)字母（不能含數(shù)字或特殊字符）：
<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> pattern 屬性 - 菜鳥教程(cainiaoplus.com)</title>
<body>
<form action="action_page.php">
國家/地區(qū)代碼: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="3個(gè)字母的國家/地區(qū)代碼">
<input type="submit">
</form>
</html>測試看看 ?/?IEFirefoxOperaChromeSafari
Internet Explorer 10、Firefox、Opera 和 Chrome 支持 pattern 屬性。
注意：Safari 或者 Internet Explorer 9 及之前的版本不支持 <input> 標(biāo)簽的 pattern 屬性。
pattern屬性指定一個(gè)正則表達(dá)式，在提交表單時(shí)將檢查<input>元素的值。
注意：pattern 屬性適用于下面的 input 類型：text、search、url、tel、email 和 password。
提示：請使用全局的 title 屬性來描述模式以幫助用戶。
提示：可以在我們的 JavaScript 教程中學(xué)習(xí)更多有關(guān) 正則表達(dá)式 的知識。
pattern 屬性是 HTML5 中的新增屬性。
<input pattern="regexp">
| 值 | 描述 |
|---|---|
| regexp | 規(guī)定用于驗(yàn)證 <input> 元素的值的正則表達(dá)式。 |