データリストは、値を強制せずに値を提案するためのものです

名前のような短い、自由形式のテキストのためのフォームフィールドが必要でしたか？それがHTML入力フィールドの目的です。多くの入力タイプとモードがあり、正しいものを選択することが重要です。

しかし、これは入力タイプに関するものではありません。それは、任意の入力タイプに適用可能な他の何かについてです。

テキストが任意の場合（例：「お気に入りの色？」）、無料のテキスト入力を許可しますが、提案も提供したい場合はどうなりますか？いくつかの一般的な答えが存在する可能性があります。ユーザーにリストから選択できるようにするのは素晴らしいことではないでしょうか？ドロップダウンではなく、入力とドロップダウンのハイブリッドですか？持続する！まだカスタムReactコンポーネントを構築しないでください。

それがどこです<datalist></datalist>要素が輝いています。私は最近それを正常に使用したので、私はそれを共有しています。

これが要点です：

私のユースケースが必要です：

1. ユーザー名入力フィールド。
2. 「フラグ」入力（権限用の任意の文字列）。

私は使用しません<datalist></datalist>データベース内のすべてのユーザー名。厳しい制限はないかもしれませんが、オプションはHTMLに存在するため、おそらく100個以下のオプションに最適です。

しかし、「フラグ」フィールドでは、3〜4個のユニークなフラグしかありません。<datalist></datalist>完璧でした。ユーザーは自由に入力できますが、UIは一般的な選択を提案します。このアプローチは、性別の入力に役立つ可能性があり、必須の選択なしでオプションを提供します。

それ以上知られていない<datalist></datalist>'の存在？日付、範囲、さらには色など、テキストを超えたさまざまな入力タイプで動作します。

以上がデータリストは、値を強制せずに値を提案するためのものですの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。