微信二维码
微博二维码
qq号二维码

input类型

夏磊银 2020.10.26 1042人浏览
input的类型,包含html5新增

HTML5对input的类型进行扩充,当前应用有十三种,你知道几种?

当然,不是所有的主流浏览器都支持input的所有类型,如果不支持就会显示一个文本域

①color颜色选择器

<input type="color">

opera和chrome支持


②date日期选择器

<input type="date" />

你可以认为就是一个自带的日历功能

Chrome、Opera和Safari支持


③datetime是UTC时间的日期选择器

<input type="datetime" />

Safari和Opera支持


④datetime-local无时区选择日期和时间

<input type="datetimg-local" />

Chrome、Safari和Opera支持


⑤email输入邮箱域

<input type="email" />

IE、FireFox、Chrome和Opera支持


⑥month月份选择器

<input type="month" />

Chrome、Safari和Opera支持


⑦number数字

<input type="number" />

IE、Chrome、Safari和Opera支持

disabled禁用、max最大值(H5)、maxlength最大字符长度、min(H5)最小值、pattern(H5)验证字段模式、readonly只读、required(H5)必填、size可见字符数、step步进、value初始值


⑧range滑动条

<input type="range" min="1" max="10">

IE、Chrome、Safari和Opera支持

max最大值、min最小值、step步进、value初始值


⑨search搜索域

<input type="search" />

Chrome和Safari支持


⑩tel电话号码

<input type="tel" />


其他类型:time时间、url输入域、week星期选择器

分享到:
天津UI设计培训-CleanPNG免抠素材网站
  • 2020.11.30
  • 2024什么价格?天津平面设计/UI设计师就业实录
  • 2024.03.20