HTMLmin 屬性


<input> 元素的 min 屬性用於設定 <input> 的最小值。min 和 max 均用於為輸入元素設定一個值範圍,型別為數字、日期、日期時間、範圍等。它在 HTML5 中引入。

下面我們將看到一個示例來實現 <input> 元素的 min 屬性。在此處,我們將 min 設定為 1,因此使用者不能輸入小於 1 的 ID−

示例

 即時演示

<!DOCTYPE html>
<html>
<body>
<h2>Log in to your account</h2>
<form action="" method="get">
   Id: <input type="number" name="id" min="1" max="10"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

輸出

在上例中,我們建立了一個包含一些欄位和一個按鈕的表單−

<form action="" method="get">
   Id: <input type="number" name="id" min="1" max="10"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>

min 屬性針對 id 輸入型別數字設定。最小值被設為 1,因此使用者將無法輸入小於 1 的值−

Id: <input type="number" name="id" min="1" max="10">

更新日期: 30-07-2019

107 次瀏覽

開啟你的 職業

完成課程即可獲得認證

開始
廣告