解決済み: html のドロップダウン

HTML のドロップダウンに関連する主な問題は、障害のある人がドロップダウンにアクセスできるようにするのが難しい場合があることです。 ドロップダウンは多くの場合、JavaScript を使用してコーディングされているため、スクリーン リーダーやその他の支援技術が解釈するのが難しい場合があります。 さらに、ドロップダウンが適切にラベル付けまたは説明されていない場合、ユーザーはドロップダウンの用途や操作方法を理解できない可能性があります。

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

1. – このコード行はドロップダウン メニューを閉じ、すべてのオプションが追加されたことを示します。

ドロップダウンリストとは

HTML のドロップダウン リストは、ユーザーが事前定義されたオプションのリストから XNUMX つのオプションを選択できるようにする入力要素の一種です。 ユーザーが入力フィールドの横にあるドロップダウン矢印をクリックすると、リストが表示されます。 選択したオプションが入力フィールドに表示されます。 ドロップダウン リストは、リストから国や州を選択するなど、複数のオプションから選択する必要がある場合によく使用されます。

ドロップダウン メニューの作成方法

HTML でドロップダウン メニューを作成するのは比較的簡単です。 作成する手順は次のとおりです。

1. 作成することから始めます 要素、追加

3. オプションの XNUMX つをデフォルトで選択するには、selected 属性をそのオプションのタグに追加します。 これにより、ページがロードされたときに選択されたように表示されます。

4. 最後に、ドロップダウン メニューのラベルを追加します。

関連記事:

コメント