HTML | DOM 输入搜索 defaultValue 属性

HTML DOM 中的DOM Input Search defaultValue 属性用于设置或返回搜索字段的默认值。此属性用于反映 HTML 值属性。默认值与值的主要区别在于，默认值表示默认值，而值包含进行一些更改后的当前值。此属性可用于确定搜索字段是否已更改。

句法：

• 它返回 defaultValue 属性。

  searchObject.defaultValue

• 它用于设置 defaultValue 属性。

  searchObject.defaultValue = value

属性值：它包含一个属性值，用于定义搜索字段的默认值。

返回值：它返回一个字符串值，表示搜索字段的默认值。

示例 1：此示例说明如何返回 Input search defaultValue 属性。

  

    
      Input Search defaultValue Property
  
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Input Search defaultValue Property
    
        
    
    
    
    
      click here
    
  
    
  
  
    
        function Access() {
  
            // type="search" 
            var s = document.getElementById(
                "test").defaultValue;
            
            document.getElementById(
                "check").innerHTML = s;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

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

  

    
      Input Search defaultValue Property
  
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Input Search defaultValue Property
    
        
    
    
    
    
      click here
    
  
    
  
  
    
        function Access() {
  
            // type="search" 
            var s = document.getElementById(
                "test").defaultValue = "Hello Geeks";
            
            document.getElementById(
                "check").innerHTML = 
              "The defaultValue was changed to " + s; 
        }
    
  

  

输出：

单击按钮之前：

点击按钮后：

支持的浏览器： DOM 输入搜索 defaultValue 属性支持的浏览器如下：

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