HTML選択属性Javascript

| | | | | | | | | | | | | | | | | | | | | |

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

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

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

HTMLフォーム

フォームは多くのWebサイトの重要な部分であり、作成可能なユーザーデータを受け入れることができます。あなたのサイトで。たとえば、カフェのWebサイトを設計している場合、顧客からのフィードバックを受け入れるフォームを作成できます。

HTMLでは、 を使用してモジュールを宣言します。次に、 などのHTML要素を使用して、データが収集するフォームを設定することを選択できます。このチュートリアルでは、 タグ

HTMLコード要素タグ内の単一のオプションを示します

タグにはオプションがありません。

なぜ.. を使用するボタンは、ユーザーがフォームに入力できる値を制限する場合に便利です。分野。

地元のパン屋のWebフォームを作成しているとします。ユーザーがパンを注文できるフォームを作成するように求められました。このフォームには、ユーザーがパンを選択できるパンのドロップダウンリストが表示されます。表示される内容は次のとおりです。/ul>

デフォルトでは、プレーンホワイトが選択されている必要があります。

このHTMLドロップダウンを作成するにはメニューでは、次のコードを使用できます。

コードは次を返します:

を使用して選択リストを定義しましょう。選択フォームコントロールの名前を指定するname属性を指定し、属性に値 breadTypeを割り当てます。

次に、4つのを使用します。

通常の白いラベルを表示する最初のタグ / em>には、 selected属性も指定されています。 。これにより、 Color:White Normalがデフォルトで選択されるオプションになります

ユーザーが複数の属性を使用して、リストから複数のオプションを選択できるようにすることができます:

複数の属性はキーワードです。これは、属性に値を割り当てるために等号を使用する必要がないことを意味します。

複数の値を選択するには、Windowsの場合はCtrlボタン、Macの場合はCmdボタンを押し続けます。

HTMLタグ属性 には、タグに適用できる特定のHTML属性がいくつかあります。これらは次のとおりです。

属性説明
オートフォーカスオートフォーカスドキュメントがロードされたときにフォーカスをドロップダウンリストに設定します。
無効無効ドロップダウンリストが無効であることを示します(ユーザーがリストを使用して値を提示できない場合)
フォーム form_id 要素がリンクされています。
複数複数ユーザーが複数のオプションを選択できるようにします。
name name は要素の名前を示します。
必須必須フォームフィールドに入力してから送信する必要があることを示します。
サイズ番号たとえば、ユーザーに表示するオプションの数を指定します。 HTML要素

結論

事前定義されたリストを表示します値。ユーザーは、リストから1つ以上の値を選択できます。 タグを使用してHTMLでドロップダウンフォームフィールドを作成します。

HTMLプログラミングについて詳しく知りたいですか? HTML学習ガイドをご覧ください。このガイドには、HTMLを学習するための最良のヒントと、知識を広げるのに役立つ学習リソースのリストが含まれています。

>