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


HTML Input Password minLength用法及代碼示例


HTML DOM輸入密碼minLength屬性用於設置或返回密碼字段的minLength屬性值。它指定元素中允許的最小字符數。

用法:

  • 它用於返回minLength屬性。
    passwordObject.minLength
  • 它用於設置minLength屬性。
    passwordObject.maxLength = integer

屬性值:



  • number:它指定了“密碼”字段中允許的最少字符數。

返回值:它返回一個數字值,該數字值表示“密碼”字段中允許的最少字符數。

範例1:本示例說明了如何返回屬性。

<!DOCTYPE html> 
<html> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green;"> 
        GeeksForGeeks 
    </h1> 
  
    <h2>DOM Input Password minLength Property</h2> 
  
    <form id="myGeeks"> 
        Password:<input type="password"
            id="myPsw" minlength="8"> 
    </form> 
  
    <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").minLength; 
  
            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 minLength Property</h2> 
  
    <form id="myGeeks"> 
        Password:<input type="password"
            id="myPsw" minlength="8"> 
    </form> 
  
    <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").minLength = "9"; 
  
            document.getElementById("demo").innerHTML 
                    = "The value of the minlength " 
                    + "attribute set to" + x; 
        }  
    </script> 
</body> 
  
</html>                   

輸出:

  • 在單擊按鈕之前:
  • 單擊按鈕後:



相關用法


注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input Password minLength Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。