位置:电子教程 > HTML5入门电子教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML5 简介
HTML5 Canvas教程
HTML5 基础标签
HTML5 表单属性和input详解
HTML5 高级部分
当前阅读教程:HTML5入门电子教程 > input pattern 属性
阅读(22555525)      收藏       赞(5685)      分享
上一篇: input multiple 属性 下一篇: input placeholder 属性

<input> pattern 属性,pattern 属性描述了一个正则表达式用于验证 <input> 元素的值。

注意:pattern 属性适用于以下类型的 <input> 标签: text, search, url, tel, email, password.

提示: 是用来全局 title 属性描述了模式.

提示: 您可以在我们的 JavaScript 教程中学习到有关正则表达式的内容

示例

小白教程网www.2d5.net

:下面的例子显示了一个只能包含三个字母的文本域(不含数字及特殊字符)

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>input pattern 属性</title>

</head>

<body>

    

<form action="a.php">

  Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">

  <input type="submit">

</form>

 

<p><strong>注意:</strong>  Internet Explorer 9及更早 IE 版本,或 Safari 不支持 input 标签的 pattern 属性。</p>

    

</body>

</html>

效果如图9-18、图9-19、图9-20

image.png



上一篇: input multiple 属性 下一篇: input placeholder 属性
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)