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

HTMLのドロップダウンリストにオプションを含めるにはどうすればよいですか？

ドロップダウンリストにオプションを含めるには、HTMLの

HTMLの

属性
値
説明
無効
無効
入力コントロールを無効にします。ボタンはユーザーからの変更を受け入れません。また、フォーカスを受け取ることができず、タブ移動時にスキップされます。
ラベル
text
を使用するときに使用するラベルを定義します。
選択済み
選択済み
ページの読み込み時に選択されるデフォルトのオプションを定義します。
値
text
サーバーに送信するオプションの値を指定します
例

次のコードを実行して、HTMLに

<!DOCTYPE html>
<html>
   <head>
      <title>HTML option Tag</title>
   </head>
   <body>
      <form action = "/cgi-bin/dropdown.cgi" method = "post">
         <select name = "dropdown">
            <option value = "HTML" selected>HTML</option>
            <option value = "Ruby">Ruby</option>
         </select>
         <input type = "submit" value = "Submit" />
      </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ドキュメントのドロップダウンリスト内の要素の数を返しま