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

HTMLの要素の事前定義されたオプションを含む要素を参照するにはどうすればよいですか?


リストを使用 HTMLの要素の事前定義されたオプションを含む要素の属性。次のコードを実行して、リストを実装してみてください。 属性-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Datalist Tag</title>
   </head>
   <body>
      <input list = "tutorials" />
      <datalist id = "tutorials">
         <option value = "Java">
         <option value = "ASP">
         <option value = "PHP">
         <option value = "Ruby">
         <option value = "jQuery">
      </datalist>
      <p>Try to add any of the tutorial name mentioned above.</p>
   </body>
</html>

  1. HTML<datalist>タグ

    タグは、タグの事前定義されたオプションを設定するために使用されます。ユーザーがにマウスカーソルを置くと、これらの事前定義されたオプションがすべて表示されます。 ここで、HTMLでタグを実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <p>Favorite Subject</p> <form action="" method="get">    <input list="subject" na

  2. HTMLDOMデータリストオプションコレクション

    HTML DOMデータリストオプションコレクションは、HTML要素内に存在するオプション値コレクションを設定または返すために使用されます。要素は、ドキュメント内と同じ順序で表示されます。 プロパティ 以下は、データリストオプションコレクションのプロパティです- プロパティ 説明 長さ コレクション内の要素の数を返します。これは読み取り専用のプロパティです。 メソッド データリストオプションコレクションのメソッドは次のとおりです- メソッド 説明 [index] 指定されたインデックスに存在するコレクションから要素を返すため。インデックスは0から始