具有Readonly Input的HTML5 Datalist是否有效?

时间:2015-02-25 11:21:31

标签: html5 html-datalist

我的应用程序中有一个像这样的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)曾经在这个应用程序上工作过。不幸的是,在我最初的网络搜索过程中,答案并不明显。

我的假设是正确的,还是我错过了什么?

1 个答案:

答案 0 :(得分:0)

Datalist vs Select:

我想这就是你想要的,但没有比较。 Datalist不同,Select不同。

  • datalist用于根据用户输入从列表中自动填充结果,而select不会做任何魔术,它只显示它拥有的所有选项。

  • 所以这清楚地表明在datalist中不应该有任何预选值(因为它用于自动填充,用户交互)。因此它不能只读

  • 另一方面选择不同,它可以有一个默认值,因此它可以只读。

是的,你说的是什么:&#34; 如果你想要只读,那么使用选择标签&#34;,是的,根据我的说法是真的,因为你不能把任何东西设置为选中在datalist中,但您可以选择。