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

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

HTMLでは、要素を使用して、事前定義されたオプションのリストを指定します。このリストは入力要素用です。 list属性は、この要素を参照します。 HTML5はリスト属性を導入しました。

list属性は、要素の事前定義されたオプションを含む要素を参照します。

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

例

次のコードを実行して、HTMLでlist属性を使用する方法を学ぶことができます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML list attribute</title>
   </head>
   <body>
      <p>Type the tool name:</p>
      <input list = "tools" name = ”tool” />
      <datalist id = "tools">
         <option value = "Image Editor">
         <option value = "Whiteboard">
         <option value = "Image Optimizer">
         <option value = "Document Viewer">
      </datalist>
   </body>
</html>

  1. HTMLで複数の属性を使用するにはどうすればよいですか？

    HTMLの複数属性を使用すると、ユーザーは複数の値を入力できます。これはブール属性であり、および要素で使用できます。 HTMLフォームで複数のファイルをアップロードできるようにするには、multiple属性を使用します。複数の属性は、電子メールとファイルの入力タイプで機能します。 例 次のコードを実行して、HTMLで複数の属性を使用する方法を学ぶことができます。 <!DOCTYPE html> <html>    <head>       <title>HTML multiple att

  2. HTMLリスト属性

    HTMLリスト属性は、HTMLドキュメントの要素の事前定義されたオプションを含む要素を参照します。 構文 以下は構文です- <input list=”text”> HTMLリスト属性の例を見てみましょう： 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background-colo