当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML Input Password defaultValue用法及代码示例



DOM输入密码defaultValue属性用于设置或返回密码字段的默认值。此属性用于反映HTML值属性。默认值之间的主要区别在于,默认值表示属性中指定的默认值,而该值包含进行某些更改后的当前值。当我们要查找密码字段是否已更改时,此属性很有用。

用法:

  • 它用于返回defaultValue属性。
    passwordObject.defaultValue
  • 它用于设置defaultValue属性。
    passwordObject.defaultValue = value

属性值:


  • value:它定义了密码字段的默认值。

    返回值:它返回一个字符串值,代表“密码字段”的默认值。

    示例1本示例说明了如何返回属性。

    <!DOCTYPE html> 
    <html> 
      
    <body style="text-align:center;"> 
      
        <h1 style="color:green;">  
                GeeksForGeeks  
            </h1> 
      
        <h2>DOM Input Password defaultValue Property</h2> Password:
        <input type="password" id="myPsw" value="geeks12"> 
        <br> 
        <br> 
        <button onclick="myFunction()"> 
            Click Here! 
        </button> 
      
        <p id="demo" style="color:green;font-size:25px;"></p> 
      
        <script> 
            function myFunction() { 
                var x = 
                    document.getElementById( 
                        "myPsw").defaultValue 
      
                document.getElementById( 
                    "demo").innerHTML = x; 
            } 
        </script> 
      
    </body> 
      
    </html>                   

    输出:

    • 在单击按钮之前:
    • 单击按钮后:

    示例2:本示例说明了如何设置属性。

    <!DOCTYPE html> 
    <html> 
      
    <body style="text-align:center;"> 
      
        <h1 style="color:green;">  
                GeeksForGeeks  
            </h1> 
      
        <h2>DOM Input Password defaultValue Property</h2> Password:
        <input type="password" id="myPsw" value="geeks12"> 
        <br> 
        <br> 
        <button onclick="myFunction()"> 
            Click Here! 
        </button> 
      
        <p id="demo" style="color:green;font-size:25px;"></p> 
      
        <script> 
            function myFunction() { 
                var x = 
                    document.getElementById( 
                        "myPsw").defaultValue = "Geeks786" 
      
                document.getElementById("demo") 
                    .innerHTML = "The defaultValue was changed to:" + x; 
            } 
        </script> 
      
    </body> 
      
    </html>            

    输出:

    • 在单击按钮之前:
    • 单击按钮后:

    支持的浏览器:DOM输入密码defaultValue属性支持的浏览器如下:

    • 谷歌浏览器
    • IE浏览器
    • Firefox
    • Opera
    • Safari


相关用法


注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Input Password defaultValue Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。