Html 如何正确地将数据传递到<；输入列表>；属性

我有一个非常简单的HTML5页面：

<form>
  <fieldset>
    <label for="cmb_unit">Unit:</label>

      <input list="browsers">

      <datalist id="browsers">
        <option value="Internet Explorer">
        <option value="Firefox">
        <option value="Chrome">
        <option value="Opera">
        <option value="Safari">
      </datalist>          

      <br>
      <label for="text_description">Click here and enter 1:</label>
      <br>
      <textarea id="text_description" name="text_description"></textarea>
    </fieldset>
  </form>

单位：


单击此处并输入1：

（也可以在此处在线测试：）

问题是，当我从第一个控件（例如Firefox）中选择一个项目并在下一个控件中输入一个数字“1”时，这个

textarea

控件显示来自“浏览器”

datalist

的数据。更重要的是，如果我点击列表中的某个内容，浏览器页面会立即崩溃（它是Chrome“35.0.1916.153M”）

---

这里有什么问题吗？

是的，这似乎是浏览器的问题，这是chrome浏览器的错误。他们已经在他们的beta版本36中修复了它，您需要从这里下载，这将更新您的浏览器，网站将顺利运行

这个问题花了我4个月的时间研究这个问题

---

干杯。

唯一的错误是您的第一个

标签

，它的

for

属性应该指的是

输入

，而不是

数据列表

——但这并不能解决错误。当我在列表中为textarea选择一个值时，我可以重现Chrome崩溃（好吧，至少是标签），所以我会说，浏览器错误。