是否需要一个简短,自由形式的文字的表单字段,例如名字?这就是HTML输入字段的用途。有许多输入类型和模式,选择合适的类型和模式至关重要。
但这与输入类型无关。它是其他的,适用于任何输入类型。
如果文本是任意的(例如,“最喜欢的颜色?”)允许免费文本输入,但是您也想提供建议呢?可能存在一些流行的答案。让用户从列表中选择而不是强迫他们进入吗?不是下拉列表,而是输入和下拉列表的混合物?坚持,稍等!不要构建自定义反应组件。
那就是<datalist></datalist>
元素闪耀。我最近成功使用了它,所以我分享了它。
这是要点:
我的用例需要:
- 用户名输入字段。
- “标志”输入(权限的任意字符串)。
我不会使用<datalist></datalist>
对于数据库中的每个用户名。尽管可能没有严格的限制,但这些选项位于您的HTML中,因此最适合100个或更少的选择。
但是对于只有3-4个唯一标志的“标志”字段,<datalist></datalist>
很完美。用户可以自由键入,但是UI提出了共同的选择,因此很有帮助。这种方法对于性别输入可能是有用的,可以在不进行强制选择的情况下提供选项。
甚至还不到<datalist></datalist>
的存在?它与文本以外的各种输入类型一起使用,包括日期,范围甚至颜色。
以上是数据学家用于建议不执行值的值的详细内容。更多信息请关注PHP中文网其他相关文章!

在本周的综述中:datepickers正在让键盘用户头痛,一个新的Web组件编译器,有助于与Fouc进行战斗,我们终于获得了造型列表项目标记,以及在您的网站上获得网络攻击的四个步骤。

在本周的Web平台新闻世界中,Google搜索控制台可以更轻松地查看爬行的标记,我们了解到自定义属性


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

Dreamweaver Mac版
视觉化网页开发工具

WebStorm Mac版
好用的JavaScript开发工具

禅工作室 13.0.1
功能强大的PHP集成开发环境