HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML最小属性

HTMLのmin属性は、要素の最小値を設定するために使用されます。 および要素で使用できます。

例

まず、要素-

のmin属性の例を見てみましょう。 
<!DOCTYPE html>
<html>
<body>
<h2>Water Levels</h2>
<p>Impurity Level <meter min="0" low="50" high="95" max="100" value="85"></meter></p>
<p>TDS Level <meter min="0" low="20" high="80" max="100" value="60"></meter></p>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTML最小属性

例

ここで、要素-

のmin属性の例を示します。 
<!DOCTYPE html>
<html>
<body>
<h2>Player Details with Reporting Time</h2>
<form>
<p>These are the <ins>details with <ins>reporting date</ins>:</p>
<fieldset>
<legend>New Details:</legend>
Cricketer: <input type="text"><br>
Rank: <input type="number"><br>
Email: <input type="email"><br>
Reporting Date:<input type="date" name="reporting" min="2019-05-05">
</fieldset>
</form>
</body>
</html>
>

出力

これにより、次の出力が生成されます-

HTML最小属性

ここで、2018-05-05より前の日付を追加しようとすると、次のように表示されます-

HTML最小属性


  1. HTMLリスト属性

    HTMLリスト属性は、HTMLドキュメントの要素の事前定義されたオプションを含む要素を参照します。 構文 以下は構文です- <input list=”text”> HTMLリスト属性の例を見てみましょう： 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background-colo

  2. HTMLmaxlength属性

    HTML maxlength属性は、HTMLドキュメントの入力HTML要素で許可される最大文字数を定義します。 構文 以下は構文です- <input maxlength=”text”> HTMLmaxlength属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;