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

HTML Select:ハウツーガイド

HTMLのタグには、ユーザーが選択できる選択肢を表す1つ以上の

選択ボックスは、多くのWebフォームの重要な部分です。選択ボックスを使用すると、ユーザー入力を受け入れ、ユーザーが選択できるオプションを指定したオプションに制限できます。

HTML タグの使用方法について説明します。このタグの使用を開始するのに役立つ例を参照します。

HTMLフォーム

フォームは多くのWebサイトの重要な部分であり、Webサイトで処理できるユーザーからのデータを受け入れることができます。たとえば、コーヒーショップのウェブサイトをデザインしている場合、顧客からのフィードバックを受け入れるフォームを作成することをお勧めします。

HTMLでは、

タグはフォームを宣言するために使用されます。次に、 のようなHTML要素を使用できます。 フォームが収集するデータを定義することを選択します。このチュートリアルでは、 タグ

HTML タグ内の個々のオプションを示します。

参加者の81%は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

の構文 タグは次のとおりです:

<select></select>

それ自体で、 に表示されるオプションを定義するタグ タグ。

の構文は次のとおりです。 タグ:

<select>
	<option value="optionOne">Option One</option>
</select>

タグはの属性 タグ。

これは、ユーザーが特定のオプションを選択した場合にサーバーに送信されるデータ値を格納するために使用されます。この場合、ユーザーがオプション1を選択した場合 リストから、 optionOne サーバーに送信されます。

<オプション> タグには値属性を指定する必要があります。

HTML HTMLタグを使用する必要がある理由

タグが役立つ可能性のあるいくつかの例を次に示します。

  • 選択する国のリストをユーザーに提供します。
  • 選択する製品に使用できる色のリストをユーザーに提供します。
  • ユーザーが購入したい商品の数量を選択できるようにするため(つまり、1から10の間)。

このような場合、オプションは制限されます。ドロップダウンメニューを使用すると、コードに意味のある応答を得ることができます。これは、ユーザーが選択フィールドに入力できるように、予期しない値を入力できないためです。

HTML プレーンブラウン 全粒穀物 サワードウ

まず、 タグ属性

要素が関連付けられているフォームを指定します。 複数 複数 ユーザーが複数のオプションを選択できるようにします。 名前 名前 要素の名前を指定します。 必須 必須 送信する前にフォームフィールドに入力する必要があることを示します。 サイズ 番号 ユーザーに表示するオプションの数を指定します。

結論

HTML フィールドは、ユーザーが事前定義された潜在的な値のリストから値を選択するようにする場合に役立ちます。

このチュートリアルでは、例を参照して、