我想检查是否可以将数据列表与文本区域一起使用。我让它与输入字段一起工作,但我这里的任务要求我“将输入建议添加到带有数据列表的单行文本框”。这有什么意义吗?
<fieldset>
<legend>
Välj favoritbild med hjälp av datalist - skriv i listan nedan
</legend>
<input list="bilar" name="bil">
<!--<TEXTAREA list="bilar" NAME="bil" ROWS="1"></TEXTAREA> -->
<datalist id="bilar">
<option value="Dodge Viper">
<option value="Honda Civic">
<option value="Corvette Z06">
<option value="Volvo V70">
<option value="Ferrari Spider 360">
</datalist>
</fieldset>
但是,我无法让它与我的 textarea(上面已注释掉)一起使用。但是,它适用于输入元素。
任何人都知道如何让上面的示例使用单行文本框?
最佳答案
不,因为 datalist
根据定义与 input
相关联元素。此外,从 datalist
中选择一个项目意味着替换关联的 input
的整个值元素,而不是追加到它,如果您为 textarea
使用预定义的替代项,通常是这样的想法元素。
对于用于文本区域输入的预制替代列表的想法没有什么不合逻辑的,但目前在 HTML 中没有任何东西(据我所知或正在计划中)。不过,它可以相当简单地用 JavaScript 编码。
您可以有一个项目列表,例如 ul
列表,甚至作为 select
元素。然后,您将添加一些 JavaScript,使项目文本写入或附加到 textarea
元素例如单击项目或从 select
中进行选择时列表
通常没有理由将单行文本输入字段设置为 textarea
.这是可能的,只是没有用,除非在非常特殊的情况下。注意 <textarea rows=1 ...>
让用户输入任意数量的行,这只会让人非常不方便。
关于html - 您可以将数据列表与 HTML 文本区域一起使用吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23559334/