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


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。