1

私のアプリケーションには、次のような html5 データリストがあります。

<input type="text" list="mydatalist" />
<datalist id="mydatalist">
   <option>Option 1</option>
   <option>Option 2</option>
   <option>Option 3</option>
</datalist>

input要素をreadonly次のように変更するまで、非常にうまく機能します。

<input type="text" list="mydatalist" readonly />

次に、入力要素に焦点を合わせても何も起こりません...

仕様により、属性を持つテキスト入力listも読み取り専用であってはならないという仮定に達しました。「読み取り専用が必要な場合は、selectタグを使用してください」と言っているようなものです。この問題をさらに複雑にしているのは、このセットアップ ( を使用readonly) がこのアプリケーションで機能していたことはほぼ確実だと思います。残念ながら、最初の Web 検索では答えが明らかになりませんでした。

私の仮定は正しいですか、それとも何かを見逃していますか?

4

1 に答える 1

0

データリストと選択:

これはあなたが望むものだと思いますが、比較はありません。Datalist違う、Select違う。

  • datalist は、ユーザー入力に基づいてリストから結果を自動入力するために使用されますが、select は何も魔法を行わず、すべてのオプションを表示するだけです。

  • したがって、これにより、データリストに事前に選択された値があってはならないことが明確になります（ユーザーの操作時に自動入力に使用されるため）。したがって、読み取り専用にすることはできません

  • 一方、選択は異なります。デフォルト値を持つことができるため、読み取り専用にすることができます。

はい、あなたが言ったこと：「読み取り専用が必要な場合は、選択タグを使用してください」、はい、私によれば、データリストで選択したものを設定することはできませんが、選択することはできます。

于 2015-02-25T12:06:05.143 に答える