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