你能用HTML textarea的datalist吗？

Question

我想检查是否可以使用带有textarea的datalist.我让它使用输入字段,但我在这里的任务要求我"将输入建议添加到带有datalist的一行文本框".这甚至有意义吗？

            <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元素相关联。此外，选择项目drom datalist意味着替换关联input元素的整个值，而不是附加到元素的整个值，如果对textarea元素使用预定义的替代方法，通常是这样。

预先准备好要用于文本区域输入的替代列表的想法是不合逻辑的，但是目前在HTML中（据我所知，它尚无计划）。不过，可以使用JavaScript对其进行简单编码。

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

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