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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。