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


HTML min属性用法及代码示例


HTML | min属性用于指定量规的下限。 min属性的值必须小于max属性的值。它的默认值为0。它可以在<input>和<meter>元素上使用。

  • <输入>当输入元素中存在min属性时,它将为<input>元素指定最小值。

    用法:

    <input min="number|date">

    示例1:此示例说明在输入元素中使用min属性。

    <!DOCTYPE html> 
    <html> 
      
    <body style="text-align:center;"> 
      
        <h1 style="color:green;">  
                GeeksForGeeks  
            </h1> 
      
        <h2> 
          HTML | min Attribute in Input Field 
      </h2> 
        <form id="myGeeks"> 
            <input type="number"
                   id="myNumber"
                   step="5" 
                   name="geeks"
                   placeholder="multiples of 5"
                   min="10"> 
        </form> 
        <br> 
        <br> 
        <p style="font-size:20px;"> 
          The minimum value for an 
          input field is 10. 
      </p> 
    </body> 
      
    </html>

    输出:

  • <仪表>:当存在于仪表元件中时,它会指定仪表的最小值。

    用法:

    <meter min="numer">

    示例-2:本示例说明了在ameter元素中使用min属性。

    <!DOCTYPE html> 
    <html> 
      
    <head> 
        <title> 
            HTML | min attribute 
        </title> 
    </head> 
      
    <body style="text-align:center;"> 
        <h1>GeeksforGeeks</h1> 
        <h2> 
          HTML | min Attribute:
        </h2>  
        Sachin's score:
        <meter value="5" min="0" max="10" high="6"> 
            5 out of 10 
        </meter> 
        <br> 
        Laxman's score:
        <meter value="0.5" max="1.0" min="0" high="0.6"> 
            50% from 100% 
        </meter> 
    </body> 
      
    </html>

    输出:

支持的浏览器:min Attribute支持的浏览器如下:

  • 谷歌浏览器5.0
  • Internet Explorer 10.0
  • Firefox 16.0
  • Opera 10.6
  • Safari 5.1




相关用法


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