前言:
此刻我们对“h5 表单”大概比较注重,朋友们都想要了解一些“h5 表单”的相关文章。那么小编在网上收集了一些关于“h5 表单””的相关资讯,希望兄弟们能喜欢,小伙伴们快快来学习一下吧!点击上方蓝字关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!
这篇就有关H5提供的不一样的表单元素类型做个测试,确实方便好用。
一、color
代码如下:
显示颜色选择对话框:
二、Date
代码如下:
显示日历对话框:
三、datetime-local
代码如下:
显示含有本地时间的日历:
四、email
代码如下:
创建一个含有email校验的HTML文本框,我们可以设置类型为email:
五、url
代码如下:
对于URL验证设置类型为url,如下图显示:
六、time
代码如下:
如果想只能输入时间:
七、number
代码如下:
如果想用文本展示数字范围,可以设置类型为number
八、range
代码如下:
想显示范围控制,可以使用类型range
总结一下:
还有几个其它的,如search,tel。这些都用过吗?