html - 您可以将数据列表与 HTML 文本区域一起使用吗？

Question

我想检查是否可以将数据列表与文本区域一起使用。我让它与输入字段一起工作，但我这里的任务要求我“将输入建议添加到带有数据列表的单行文本框”。这有什么意义吗？

            <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(上面已注释掉)一起使用。但是，它适用于输入元素。

任何人都知道如何让上面的示例使用单行文本框？

Answer 1

不，因为 datalist 根据定义与 input 相关联元素。此外，从 datalist 中选择一个项目意味着替换关联的 input 的整个值元素，而不是追加到它，如果您为 textarea 使用预定义的替代项，通常是这样的想法元素。

对于用于文本区域输入的预制替代列表的想法没有什么不合逻辑的，但目前在 HTML 中没有任何东西(据我所知或正在计划中)。不过，它可以相当简单地用 JavaScript 编码。

您可以有一个项目列表，例如 ul列表，甚至作为 select元素。然后，您将添加一些 JavaScript，使项目文本写入或附加到 textarea元素例如单击项目或从 select 中进行选择时列表

通常没有理由将单行文本输入字段设置为 textarea .这是可能的，只是没有用，除非在非常特殊的情况下。注意 <textarea rows=1 ...>让用户输入任意数量的行，这只会让人非常不方便。