​x
 
<!DOCTYPE html>
<html>
<body>
​
<form action="/demo/htmldom/action_page.php">
  邮政编码：<input type="text" id="myText" name="zip_code">
  <input type="submit">
</form>
​
<p>请单击“试一试”按钮指定一个正则表达式，文本字段的值将根据该正则表达式进行检查。请注意，我们还设置了“标题”来描述模式。</p>
​
<button onclick="myFunction()">试一试</button>
​
<p id="demo"></p>
​
<script>
function myFunction() {
  document.getElementById("myText").pattern = "[1-9]";
  document.getElementById("myText").title = "1 到 9 之间的数字";
  document.getElementById("demo").innerHTML = "文本字段现在只能包含 1 到 9 之间的数字。";
}
</script>
​
</body>
</html>
​