当前位置: 首页 > news >正文

input输入类型

本章全面介绍这些新的输入类型:

  • email  包含 e-mail 地址的输入域,在提交表单时,会自动验证 email 域的值。
  • url  包含 URL 地址的输入域
  • number  包含数值的输入域,够设定对所接受的数字的限定
  • range 滑动条
  • Date pickers (date, month, week, time, datetime, datetime-local)
  • search  用于搜索域,比如站点搜索或 Google 搜索,search 域显示为常规的文本域。
  • color

HTML5 拥有多个可供选取日期和时间的新输入类型:

  • date - 选取日、月、年
  • month - 选取月、年
  • week - 选取周和年
  • time - 选取时间(小时和分钟)
  • datetime - 选取时间、日、月、年(UTC 时间)
  • datetime-local - 选取时间、日、月、年(本地时间)

e-mail:<input type="email" name="user_email" />
homepage:<input type="url" name="user_url" />
points:<input type="number" name="points" min="1" max="10" />
<input type="range" name="points" min="1" max="10" />
date:<input type="date" name="user_date" />
month:<input type="month" name="user_month" />
week:<input type="week" name="user_week" />
time:<input type="time" name="user_time" />
datetime:<input type="datetime" name="user_datetime" />
datetime-local:<input type="datetime-local" name="user_datetime-local" />

转载于:https://www.cnblogs.com/puzizyx/p/5707224.html

相关文章:

  • 连接优化查询,按条件查询的时候,如何优化查询的时间
  • 如何使用Enum
  • PHP.ini中配置屏蔽错误信息显示和保存错误日志
  • 设计模式的学习
  • 仿苹果原生头部动画
  • gdb用法
  • opencv3.0.1 中的SurfFeaturesFinderGpu类的问题.
  • 形态学边界提取
  • out传值
  • 从0-1体验大数据开发
  • Android控件-单选按钮RadioButton
  • 2016 Multi-University Training Contest 5 1012 World is Exploding 树状数组+离线化
  • Linux上分析java程序的问题
  • OC点语法和变量作用域
  • Docker个人学习总结
  • Angular数据绑定机制
  • EOS是什么
  • iOS帅气加载动画、通知视图、红包助手、引导页、导航栏、朋友圈、小游戏等效果源码...
  • Js基础——数据类型之Null和Undefined
  • Mocha测试初探
  • MySQL用户中的%到底包不包括localhost?
  • Python学习之路13-记分
  • Spring Boot MyBatis配置多种数据库
  • Vue2.0 实现互斥
  • 基于MaxCompute打造轻盈的人人车移动端数据平台
  • 爬虫进阶 -- 神级程序员:让你的爬虫就像人类的用户行为!
  • 前端_面试
  • 前端存储 - localStorage
  • 前端学习笔记之观察者模式
  • 删除表内多余的重复数据
  • 为物联网而生:高性能时间序列数据库HiTSDB商业化首发!
  • 一些css基础学习笔记
  • FaaS 的简单实践
  • ​Distil-Whisper:比Whisper快6倍,体积小50%的语音识别模型
  • ​LeetCode解法汇总2670. 找出不同元素数目差数组
  • ### Error querying database. Cause: com.mysql.jdbc.exceptions.jdbc4.CommunicationsException
  • ###C语言程序设计-----C语言学习(3)#
  • #单片机(TB6600驱动42步进电机)
  • #绘制圆心_R语言——绘制一个诚意满满的圆 祝你2021圆圆满满
  • #每日一题合集#牛客JZ23-JZ33
  • #图像处理
  • $redis-setphp_redis Set命令,php操作Redis Set函数介绍
  • (1)Android开发优化---------UI优化
  • (1)常见O(n^2)排序算法解析
  • (bean配置类的注解开发)学习Spring的第十三天
  • (JS基础)String 类型
  • (非本人原创)史记·柴静列传(r4笔记第65天)
  • (附源码)springboot 房产中介系统 毕业设计 312341
  • (南京观海微电子)——COF介绍
  • (图)IntelliTrace Tools 跟踪云端程序
  • (转)ORM
  • (转)关于pipe()的详细解析
  • ***php进行支付宝开发中return_url和notify_url的区别分析
  • .NET Core 实现 Redis 批量查询指定格式的Key
  • .net图片验证码生成、点击刷新及验证输入是否正确