HTML - min 屬性

HTML min 屬性用於定義數字、日期、時間等輸入的最小值。

透過將輸入限制在預定的下限，此屬性對於設計使用者友好的表單和確保資料一致性至關重要。

語法

<tag min="number|date">

應用於

以下列出的元素允許使用 HTML max 屬性

元素	描述
<input>	HTML <input> 標籤用於接收使用者各種型別的輸入。
<meter>	HTML <meter> 標籤用於在給定範圍內呈現資料。

HTML min 屬性示例

以下示例將說明 HTML min 屬性，以及我們應該在哪裡以及如何使用此屬性！

使用 min 屬性設定最小年齡限制

在以下示例中，我們使用 min 屬性與 input type=number 一起設定最小年齡限制為 18。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML min attribute</title>
</head>
<body>
   <form> 
      Enter your age (not less than 18): 
      <input type="number" min="18">
      <button>
         Submit
      </button>
   </form>
</body>
</html>

使用 min 屬性設定最小日期

考慮另一種情況，我們將使用 min 屬性與 input type=date 一起使用。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML min attribute</title>
</head>
<body>
   <form> 
      Choose a date(not less than 2023-06-10): 
      <input type="date" min="2023-06-10">
      <button>Submit</button>
   </form>
</body>
</html>

為 meter 元素設定最小值

在以下示例中，我們將建立一個 meter 元素並將最小值設定為 0 以顯示百分比進度。

<!DOCTYPE html>
<html lang="en">
<body>
      <h3>HTML min Attribute</h3>
      <label for="server-load">
         Room 1: Server Load
      </label> 
      <meter id="server-load" 
             value="40" 
             min="0" 
             max="100" 
             low="50" 
             high="90" 
             optimum="0.5">
      </meter>
</body>

</html>

支援的瀏覽器

屬性
min	是 5.0	是 10.6	是 16.0	是 5.1	是 10.6

html_attributes_reference.htm

列印頁面