HTML选择和文本输入

Question

我们已经看到无数的表单实例,其中选择下拉列表中的一个选项为"其他",并且在选择该选项时,我们可以看到输入文本框(一直隐藏),要求我们输入输入.

有没有更好的方法来实现这个？那里有插件可以让我做得更好吗？或者标准HTML元素是否足够(某些设置为select标签,可能是)？

Answer 1

你可以使用datalist.例:

<input list="cookies" placeholder="Type of Cookie"/>

<datalist id="cookies">
    <option value="Chocolate Chip"/>
    <option value="Peanut Butter"/>
    <option value="Raisin Oatmeal"/>
</datalist>

小提琴:http://jsfiddle.net/joshpauljohnson/Uv5Wk/

这使用户能够从cookie列表中进行选择,如果在列表中找不到他们寻找的cookie类型,则输入他们自己的cookie.

在你的情况下,我唯一的优点是它可能不会立即显示给用户,他们可以将它用作下拉菜单.但这可以通过一点点css轻松解决.