HTMLフォームのオプションメニューにおけるoptionタグとoptgruopタグの使い方を詳しく解説

オプション タグを使用して、 フォームコントロールの各項目を定義します。ブラウザは、 タグのコンテンツを、 タグのメニューまたはスクロール リストの要素として表示します。この場合、そのコンテンツは装飾のないプレーン テキストのみになります。
value属性

value 属性を使用して、ユーザーがオプションを選択すると、そのオプションがサーバーに送信されます。 value 属性が指定されていない場合、オプションの値は タグ内のコンテンツに設定されます。以下の例の HTML オプションを見てください:

coption value=dog>dog <option>dog

両方とも同じ値です。最初のものは タグに設定された値を出力し、2 つ目はデフォルトで タグ自体の内容に設定されます: "dog"

選択された属性

デフォルトでは、すべてマルチselected タグ内のオプションはすべてチェックされていない state ため、クライアントがフォームをサーバーに送信するときに、これらのオプションはパラメータ リストに含まれません。 タグに selected 属性を含めることにより、1 つ以上のオプションを事前に選択し、その後ユーザーが選択を解除できます。

選択された属性の HTML バージョンには値がありません。 XHTML バージョンの値は selected=selected です。オプションが明示的に事前選択されていない場合は、ラジオの

によって最初のオプションが事前に選択されます。

label 属性

通常、要素がユーザーに表示されるとき、 タグ内のコンテンツは要素のマークアップを生成するために使用されます。ただし、label 属性が指定されている場合は、その値をラベルとして使用する必要があります。

タグ

フォーム内のオプション メニューは非常に長くなる場合があり、表示や使用が困難になります。この場合、 いくつかの関連オプション をグループ化し、これらのグループをカスケード メニューのネストされたセットとしてユーザーに提示すると便利です。 は HTML 4.0 で新しく導入されたタグですが、その使用は制限されていますが、HTML および XHTML フォームにこの機能を提供します。

タグ内でのみ使用でき、< タグのみを含めることができます。ブラウザは、メインの タグごとにサブメニューを生成します。たとえば、HTML では、 を使用して、地名ごとに並べられたフォーム メニューを表示できます。

<select name=state>
 <optgroup label=龙岗区>
      <option>布吉镇
      <option>坂田镇
</optgroup>
<optgroup label=宝安区>
      <option>龙华镇
      <option>西乡镇
</optgroup>
</select>

ログイン後にコピー

タグを完全にサポートしているブラウザはまだないため (一般的なブラウザでは単にスクロール メニューとして表示されます)、そのようなメニューがどのようなものかを読者に示すことはできません。ただし、これらは、ほとんどのグラフィカル ユーザー インターフェイスで一般的な 機能である、よく知られた

ドロップダウン メニュー

に非常に似ている可能性があります。マウスまたはキーボードで

を選択すると、1 つ以上のメニューが表示されます。たとえば、「州」の例では、「北東部」と「南部」というラベルの付いたサブメニューがあり、各サブメニューには含まれる州のリストが表示されます。

残念ながら、

タグの最大の障害は、サブメニューが 1 層のみに制限されるため、ネストできないことです。ただし、XHTML の将来のバージョンでは、この制限を超える可能性があります。 label 属性を使用して、ユーザーに表示される

に関連する要素を

にまとめます。

以上がHTMLフォームのオプションメニューにおけるoptionタグとoptgruopタグの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。