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

HTMLでオプショングループを作成する

HTMLの タグは、選択リスト内の関連オプションをグループ化するために使用されます。これにより、ユーザーは大きなリストを見たときに自分の選択を理解しやすくなります。

以下は属性です-

属性
値
説明
無効
無効
入力コントロールを無効にします。ボタンはユーザーからの変更を受け入れません。また、フォーカスを受け取ることができず、タブ移動時にスキップされます。
ラベル
テキスト
を使用するときに使用するラベルを定義します。
例

次のコードを実行して、HTMLでオプショングループを作成してみてください-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML optgroup Tag</title>
   </head>
   <body>
      <select>
         <optgroup label = "India">
            <option value = "mumbai">Mumbai</option>
            <option value = "delhi">Delhi</option>
         </optgroup>
         <optgroup label = "USA">
            <option value = "florida">Florida</option>
            <option value = "newyork">New York</option>
         </optgroup>
      </select>
   </body>
</html>

  1. HTMLサイズ属性

    HTMLサイズ属性は、選択で表示されるオプション/文字の数を表します および入力 HTML要素。 構文 以下は構文です- <tagname size=”number”></tagname> HTMLサイズ属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;     &nb

  2. HTMLオプション値属性

    HTMLオプション値属性は、フォームがHTMLドキュメントで送信されたときにサーバーに送信されるオプションHTML要素の値を定義します。 構文 以下は構文です- <option value=”text”></option> HTMLオプション値の属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100