HTML <input> pattern属性用法及代码示例

HTML <input>模式属性用于指定检查输入元素值的正则表达式。该属性适用于以下输入类型：文本，密码，日期，搜索，电子邮件等。使用“全局标题”属性来描述帮助用户的模式。

用法:

<input pattern = "regular_exp">

例：此示例说明了<input>元素中pattern属性的用法。

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            HTML input pattern attribute 
        </title>  
          
        <style>  
            body {  
                text-align:center;  
            }  
            h1 {  
                color:green;  
            }  
        </style>  
    </head>  
      
    <body>  
        <h1>GeeksforGeeks</h1>  
          
        <h2>HTML <input>pattern attribute</h2>  
          
        <form action="#">  
            Password:<input type="text" name="Password"
              
            pattern="[A-Za-z]{3}" title="Three letter Password">  
              
            <input type="submit">  
        </form>  
    </body>  
</html>

输出：

支持的浏览器：下面列出了HTML <input>模式属性支持的浏览器：

谷歌浏览器5.0
Internet Explorer 10.0
Firefox 4.0
Safari 10.1
Opera 9.6

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | <input> pattern Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。