HTML表单:数据列表选项标签文本未在Chrome中显示

时间:2019-03-23 15:50:01

标签: html html5 google-chrome option datalist

我正在使用HTML表单。我添加了一些HTML标记,包括数据列表。在数据列表中,我想向使用不同文本的用户显示建议,并希望将不同的值发送到服务器。

如您所见,我在Google上发现的下图就像数据列表一样工作,这意味着在左侧显示“值”,在右侧显示“文本”,但现在不起作用。 enter image description here

<input list="some-list">
<datalist id="some-list">
  <option value="first_value">Some Description</option>
  <option value="another_value">Another Thing Here</option>
  <option value="first_second_third">More Stuff</option>
</datalist>

您可以看到一个简单的实时FIDDLE,您可以在其中使用Chrome更新版本浏览器发送文本。

该代码可在Edge,Firefox,Avast Secure Browser,Opera,IE11上运行,但不能在Chrome上运行。 我的问题很简单,为什么它现在不能像Chrome中的Pic所示那样正常工作?

2 个答案:

答案 0 :(得分:0)

请更新到最新的Chrome,然后检查。 chrome浏览器错误。

答案 1 :(得分:-3)

<input type="text" list="some-list">
<datalist id="some-list">
 <option value="first_value">Some Description</option>
 <option value="another_value">Another Thing Here</option>
 <option value="first_second_third">More Stuff </option>
</datalist>