HTML | DOM 输入 URL 模式属性

HTML DOM 中的DOM 输入 URL 模式属性用于设置或返回URL 字段的模式属性。它用于指定检查输入元素值的正则表达式。使用全局标题属性来描述帮助用户的模式。

句法：

它返回输入 url 模式属性。

urlObject.pattern

它用于设置输入 url 模式属性。

urlObject.pattern = regexp

属性值：它包含单值正则表达式，用于指定检查 URL 字段值的正则表达式。

返回值：它返回一个字符串值，表示检查 URL 字段值的正则表达式。

示例 1：此示例说明如何返回Input url pattern 属性。

  

    
        DOM Input URL pattern Property
    

  

    
         
                GeeksForGeeks 
            
  
        
          DOM Input URL pattern Property
      
  
        
            Enter URL
        
  
        
  
        
        
  
        
            Click
        
  
        
      
  
        
            function geeks() {
                
                var link = 
                    document.getElementById(
                      "gfg").pattern;
                
                document.getElementById(
                  "GFG").innerHTML = link;
            }
        
    

  

输出：
点击按钮前：

点击按钮后：

示例 2：此示例说明如何设置属性。

  

    
        DOM Input URL pattern Property
    

  

    
         
                GeeksForGeeks 
            
  
        
          DOM Input URL pattern Property
      
  
        
            Enter URL
        
  
        
  
        
        
  
        
            Click
        
  
        
        
  
        
            function geeks() {
  
                var link =
                    document.getElementById(
                        "gfg").pattern =
                    "URL must start with " +
                    "http://www.facebook.com/";
  
                document.getElementById(
                    "GFG").innerHTML = link;
            }
        
    

  

输出 ：
单击按钮之前： ：

点击按钮后：

支持的浏览器： DOM 输入 URL 模式属性支持的浏览器如下：

• 谷歌浏览器
• 浏览器 10.0 +
• 火狐
• 歌剧
• 苹果浏览器