HTMLドロップダウンリストボックスの設定方法

WBOY
リリース: 2023-05-06 13:20:07
オリジナル
14628 人が閲覧しました

HTML ドロップダウン リスト ボックスは、Web ページでよく使用される対話型要素の 1 つであり、ユーザーはこれを使用して 1 つ以上の事前定義されたオプションを選択できます。この記事では、ドロップダウン リスト ボックスの作成、オプションの追加、デフォルト オプションの設定など、HTML ドロップダウン リスト ボックスの設定方法を紹介します。

1. ドロップダウン リスト ボックスを作成する

HTML ドロップダウン リスト ボックスを使用する最初のステップは、以下に示すように

ログイン後にコピー
このコードでは、「fruit」という名前のドロップダウン リスト ボックスが作成されますが、そこにはまだオプションがありません。

2. オプションの追加

次に、
ログイン後にコピー
ログイン後にコピー
ユーザーが「Ctrl」キーを押しながらオプションをクリックすると、複数のオプションを選択できます。サーバーは複数のオプションの値を受け取ることができます。

5. フォーム送信の設定

ユーザーが 1 つ以上のオプションを選択した場合、これらのオプションの値をサーバーに送信する必要があります。これを行うには、以下に示すように、