前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML5新增表单类型

HTML5新增表单类型

作者头像
十月梦想
发布2018-08-29 11:04:04
7580
发布2018-08-29 11:04:04
举报
文章被收录于专栏:十月梦想
代码语言:javascript
复制
用户名:<input type="" name="" placeholder="请输入用户名">
<br>
密码:<input type="password" name="">
<br>
数量:<input type="number" value="1" min="1" max="99" step="3">
<br>
日期:<input type="date" name="">
<br>
颜色:<input type="color" name="">
<br>
进度:<input type="range" name="" min="0" max="10" value="6">
<br>
星期:<input type="week" name="">
<br>
时间:<input type="time" name="">
<br>
搜索:<input type="search" name="">
<br>
电话:<input type="tel" name="">
<br>
邮箱:<input type="email" name="">
<br>
个人网站:<input type="url" name="">
<br>
正则表单:<input type="" name="" pattern="^[a-z|0-9]" title="请输入a-z或0-9">
多文件上传:<input type="file" name="" multiple="">

HTML5新增了input更多类型的框,如颜色,邮箱,多文件还有对正则表达式的支持!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-1-29,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档