我们都见过无数的表单实例,其中一个选择下拉菜单的选项之一为“其他”,选择该选项后,我们会看到一个输入文本框(一直隐藏),要求我们输入输入内容。
有没有更好的方法来实现这个?有没有插件可以让我做得更好?或者标准 HTML 元素就足够了(可能对选择标签进行一些设置)?
你可以使用datalist。例子:
<input list="cookies" placeholder="Type of Cookie"/>
<datalist id="cookies">
<option value="Chocolate Chip"/>
<option value="Peanut Butter"/>
<option value="Raisin Oatmeal"/>
</datalist>
Fiddle: http://jsfiddle.net/joshpauljohnson/Uv5Wk/
这使用户能够从 cookie 列表中进行选择,如果列表中没有找到他们要查找的 cookie 类型,则输入自己的 cookie 类型。
在您的情况下,我唯一的不满是,用户可能不会立即意识到他们可以将其用作下拉列表。但这可以通过一些 CSS 轻松解决。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)