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

HTMLフォームのアイテムの単純なドロップダウンリストをどのように使用しますか?


HTMLを使用すると、アイテムの簡単なドロップダウンリストを作成して、HTMLフォームでユーザー入力を取得できます。ドロップダウンボックスとも呼ばれる選択ボックスは、ユーザーが1つ以上のオプションを選択できるドロップダウンリストの形式でさまざまなオプションを一覧表示するオプションを提供します。 タグの属性のリストは次のとおりです:

Sr.No
属性と説明
1
名前
認識されて値を取得するためにサーバーに送信されるコントロールに名前を付けるために使用されます。
2
サイズ
これは、スクロールリストボックスを表示するために使用できます。
3
複数
「複数」に設定すると、ユーザーはメニューから複数の項目を選択できます。


Sr.No
属性と説明
1

選択ボックスのオプションが選択されている場合に使用される値。
2
選択済み
このオプションは、ページの読み込み時に最初に選択された値である必要があることを指定します。
3
ラベル
オプションにラベルを付ける別の方法。


HTMLフォームのアイテムの単純なドロップダウンリストをどのように使用しますか?

次のコマンドを実行して、アイテムの簡単なドロップダウンリストを作成し、HTMLフォームでユーザー入力を取得できます。

<!DOCTYPE html>
<html>
   <head>
      <title>Select Box Control</title>
   </head>
   <body>
      <p>Here's the list of subjects. Select any one:</p>
      <form>
         <select name = "dropdown">
            <option value = "Computer Architecture" selected>Computer Architecture</option>
            <option value = "Java">Java</option>
            <option value = "Discrete Mathematics">Discrete Mathematics</option>
         </select>
      </form>
   </body>
</html>

  1. HTMLでリスト属性を使用するにはどうすればよいですか?

    HTMLでは、要素を使用して、事前定義されたオプションのリストを指定します。このリストは入力要素用です。 list属性は、この要素を参照します。 HTML5はリスト属性を導入しました。 list属性は、要素の事前定義されたオプションを含む要素を参照します。 例 次のコードを実行して、HTMLでlist属性を使用する方法を学ぶことができます。 <!DOCTYPE html> <html>    <head>       <title>HTML list attribute</titl

  2. HTMLDOM選択オブジェクト

    HTML DOM selectオブジェクトは、HTMLドキュメントの要素を表します。 選択したオブジェクトを作成する方法を見てみましょう 構文 以下は構文です- document.createElement(“SELECT”); プロパティ 以下は、selectObject-のプロパティです。 プロパティ 説明 オートフォーカス ページの読み込み時にドロップダウンリストをフォーカスするかどうかを返し、変更します。 無効 ドロップダウンリストが無効になっているかどうかを返し、変更します。 長さ HTMLドキュメントのドロップダウンリスト内の要素の数を返しま