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 条评论
登录 后参与评论

相关文章

来自专栏积累沉淀

hbase集群安装(2)-ubuntu下jdk安装

Ubuntu下安装jdk 我的安装路径是根目录下的software 把jdk压缩包解压到software目录下 ? 解压花一会时间 然后设置环境变量的命令 ? ...

1849
来自专栏lgp20151222

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

2341
来自专栏技术之路

QT 智能提示设置

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

19210
来自专栏程序员的知识天地

如何用 Python 爬取需要登录的网站?

最近我必须执行一项从一个需要登录的网站上爬取一些网页的操作。它没有我想象中那么简单,因此我决定为它写一个辅助教程。

1642
来自专栏python学习之旅

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

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

3787
来自专栏程序员的碎碎念

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

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

5115
来自专栏全栈之路

win7 java环境变量配置

选择电脑界面上的 计算机(或者我的电脑电脑图标),按下鼠标右键,出现菜单,看到有’属性’这一项,点击确定

4193
来自专栏weixuqin 的专栏

Django 项目重命名

  在日常学习工作过程中,我们难免需要复用以前的项目,这里讲下复用 Django 项目并重命名的过程。

1291
来自专栏kwcode

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

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

3507
来自专栏编程

JavaScript文件加载优化

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

1988

扫码关注云+社区