HTML5新增表单类型

用户名:<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更多类型的框,如颜色,邮箱,多文件还有对正则表达式的支持!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序员的碎碎念

微信小程序二维码实例开发

开始 小编初学微信小程序,想做一个二维码生成器;作为一个小白,踩了不少坑,在这里分享给大家“如何在微信小程序上生成二维码”。 步骤 就像写前端代码一样,html...

61550
来自专栏流柯技术学院

VMware安装CentOS时,无法以图形界面安装解决办法

52220
来自专栏kwcode

微信小程序调用接口返回数据或提交数据

由于小程序发起网络请求需要通过 wx.request 文档地址 https://mp.weixin.qq.com/debug/wxadoc/dev/api/ne...

37470
来自专栏编程

JavaScript文件加载优化

在js引擎部分,我们可以了解到,当渲染引擎解析到script标签时,会将控制权给JS引擎,如果script加载的是外部资源,则需要等待下载完后才能执行。 所以,...

22280
来自专栏娱乐心理测试

你知道这个小技巧吗?

10040
来自专栏Youngxj

利用宝塔简易反向代理教程 适用于谷歌、ss站点

92770
来自专栏python学习之旅

Python+Selenium笔记(十六)屏幕截图

 (一) 方法 方法 简单说明 save_screenshot(filename) 获取当前屏幕截图并保存为指定文件 fi...

41770
来自专栏技术之路

QT 智能提示设置

qt5.0的智能提示设置 qt默认的是Ctrl+空格 但这个是切换输入法,用着也不习惯 修改的地方是 工具-》选项-》环境 键盘选项把CompleteThis修...

202100
来自专栏liulun

【JAVA WEB教程】jsp环境搭建+部署网站(eclipse+tomcat)【详细+图文】

下载tomcat7.X ? 下载地址为:http://tomcat.apache.org/download-70.cgi 下载完成之后就开始安装 ? Next ...

98680
来自专栏lgp20151222

js页面刷新跳转的几种方式及区别

59410

扫码关注云+社区

领取腾讯云代金券