HTML5中新的input类型

我就是我 2022-08-23 10:00 170阅读 0赞

1.color用在input字段，主要用于选取颜色

<input type="color" name="favcolor">

2.date允许从一个日期选择器选择一个日期

<input type="date" name="bday">

3.datetime允许选择一个日期（UCT时间）

<input type="datetime" name="bdaytime">

4.datetime-local选择一个日期和时间（无时区）

<input type="datetime-local" name="bdaytime">

5.email  
在提交表单时，会自动验证email域的值是否合法

<input type="email" name="usremail">

6.month允许选择一个月份

<input type="month" name="bdaymonth">

7.number 用于应该包含数值的输入域，还可以设定数值的范围  
step：规定合法的数字间隔  
value：规定的默认值

<input type="number" name="quantity" min="1" max="5">

8.range包含一定范围内数字值的输入域  
range类型显示为滑动条  
![这里写图片描述][20160614105923778]

Points: <input type="range" name="points" min="1" max="10">

9.search用于搜索域

Search Google: <input type="search" name="googlesearch"><br>

10.tel定义输入电话号码的字段

电话号码: <input type="tel" name="usrtel"><br>

11.time 允许选择一个时间

选择时间: <input type="time" name="usr_time">

12.url 包含url地址的输入域，提交表单时，会自动验证url域的值

添加你的主页: <input type="url" name="homepage"><br>

13.week 允许选择周和年

选择周: <input type="week" name="year_week">

[20160614105923778]: /images/20220721/c1237f0abacb40e2af1153ce30a65e5f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，170人围观）

还没有评论，来说两句吧...

相关阅读

相关 html5新增属性----多媒体、input类型

HTML5 HTML5是HTML最新的修订版本 HTML5 中的一些新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio

àì夳堔傛蜴生んèń/ 2022年11月30日 01:59/ 0 赞/ 264 阅读

相关 HTML5中input输入框的种类

1、问题背景 input输入框从HTML5版本开始，有多少种类型 2、实现源码 <!DOCTYPE html> <html>

冷不防/ 2022年09月28日 01:33/ 0 赞/ 156 阅读

相关 html5中input新增属性

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type

素颜马尾好姑娘i/ 2022年09月21日 11:44/ 0 赞/ 224 阅读

相关 HTML5中新的input类型

1.color用在input字段，主要用于选取颜色 <input type="color" name="favcolor"> 2.date允许从一个日期选择器选择一

我就是我/ 2022年08月23日 10:00/ 0 赞/ 171 阅读

相关 new : HTML5 中input的新属性

<table style="margin-top:10px; border-collapse:collapse; border:1px solid rgb(136,136,13

谁践踏了优雅/ 2022年08月19日 13:27/ 0 赞/ 204 阅读

相关 html5中input的新类型（验证只有在点击提交按钮的时候才触发）

1.email，关于电子邮件是否合法，我们以前通常会在js脚本中写一个复杂的正则表达式来验证，但是现在不用了，类型为email的input控件可以自动帮助我们完成，用法如下：

╰+哭是因爲堅強的太久メ/ 2022年06月12日 02:17/ 0 赞/ 70 阅读

相关 HTML5中input的属性解析

HTML5中的input标签的属性的属性值有很多，但具体并没有很清楚，现在就这方面的知识进行一下梳理。 type：该属性是input标签里唯一的必须输入的属性，当

快来打我*/ 2022年05月22日 01:09/ 0 赞/ 229 阅读

相关 HTML5学习笔记简明版（5）：input的type超级类型

HTML5为input的type类型增加了多种枚举值，用来表达不同的意思，同事具有验证功能，如果格式不对，浏览器将原始提供错误提示，堪称超级牛X啊，具体如下： <tab

青旅半醒/ 2022年04月16日 04:19/ 0 赞/ 206 阅读

相关 HTML5 - 限制input file 可选择的文件类型

前言实现选择文件并上传的功能时，都会用到 input file 控件。 `<input id="inputFile" type="file" />`

比眉伴天荒/ 2021年09月18日 13:56/ 0 赞/ 577 阅读

相关 HTML5的 input:file上传以及类型控制

以HTML5的文件上传API 如下demo代码在`.html`文件打开即可： <!DOCTYPE html> <html lang="zh_cn">

川长思鸟来/ 2021年06月26日 16:06/ 0 赞/ 435 阅读