當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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