龙空技术网

这几个H5新表单元素类型,都用过吗?

小郑搞码事 201

前言:

此刻我们对“h5 表单”大概比较注重,朋友们都想要了解一些“h5 表单”的相关文章。那么小编在网上收集了一些关于“h5 表单””的相关资讯,希望兄弟们能喜欢,小伙伴们快快来学习一下吧!

点击上方蓝字关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!

这篇就有关H5提供的不一样的表单元素类型做个测试,确实方便好用。

一、color

代码如下:

显示颜色选择对话框:

二、Date

代码如下:

显示日历对话框:

三、datetime-local

代码如下:

显示含有本地时间的日历:

四、email

代码如下:

创建一个含有email校验的HTML文本框,我们可以设置类型为email:

五、url

代码如下:

对于URL验证设置类型为url,如下图显示:

六、time

代码如下:

如果想只能输入时间:

七、number

代码如下:

如果想用文本展示数字范围,可以设置类型为number

八、range

代码如下:

想显示范围控制,可以使用类型range

总结一下:

还有几个其它的,如search,tel。这些都用过吗?

标签: #h5 表单 #h5中颜色代码是