百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML5中的Datalist元素标签如何用-
分享文章到:

HTML5中的Datalist元素标签如何用-

发布时间:09/01 来源:未知 浏览: 关键词:
<datalist>标签是HTML5中的新标签,在表单中用于从会员中接收数据,它可以显示供会员选中的选项,需要与input元素配合运用该标签,来定义input可能的值。 标签是 HTML 5 中的新标签,此元素在表单中用于从会员中接收数据,它可以显示供会员选中的选项。

举荐学习:《HTML5教程》

下面我们就通过概括的代码示例给大家介绍。





    Datalist元素运用示例




    

结果如下图:

它拥有主动完成功能,可帮忙会员在文本框中输入内容,与下拉列表框或单选按钮不一样,会员可以编写任何文本而不限定由datalist给出的选项。Datalist通过输入元素列表属性绑定(或链接)。

注:

标签定义选项列表。与 input 元素配合运用该元素,来定义 input 可能的值。

datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。需运用 input 元素的 list 属性来绑定 datalist。

本篇文章就是对于HTML5中的Datalist元素的用途介绍,简略易懂,但愿对需要的伴侣有所帮忙!

以上就是HTML5中的Datalist元素标签如何用的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板