前言

HTML5新增了许多属性和方法，其中一些就有input标签中 type属性。
有关于input中type的全部可取值如下

1.button
2.text
3.time（会呈现表的形状）
4.datetime
5.datetime-local
6.month
7.week
8.number
9.range（会呈现进度条的样子）
10.email
11.url
12.tel
13.search
14.color(会呈现选色框的样子)

举例

就拿 color来举例：

<input type="color">

结果图

页面中会出现一个颜色框，点击框框，就可以自选颜色。

上述中的其他部分type可取值，如果有不太理解的，可以参考下面这篇文章，同时感谢这位博主的分享。

链接: HTML5新增表单属性.

html中input标签中type属性小总(包含html5新增表单属性)相关推荐

HTML5新增表单属性（HTML5）
HTML5新增表单属性(HTML5) <!DOCTYPE html> <html lang="en"><head><meta charse ...
中input标签赋值_Java程序员：Spring MVC JSP表单标签示例
Spring MVC的表单标签为Java程序员提供了许多额外的支持.例如数据绑定,允许自动设置数据并从Java对象中检索数据. 从2.0版本开始,Spring提供了一组全面的数据绑定感知标记,用于在使 ...
Html5新增表单属性
新增输入类型: Type="email" 限制用户输入email类型 Type="url" 限制用户必须输入url类型 Type="range&q ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天一.什么是 `HTML5` 二.`HTML5 ` 新增标签三.多媒体音频标签四.多媒体视频标签五.新增 input 标签六.新增表单属性七.`CSS3 ` 属性 ...
html表单新增类型,HTML5表单设计——新增输入类型和新增表单属性
新增输入类型 email类型用来输入邮箱地址的文本框.该文本框与普通文本框在页面显示时没有任何区别,专门用于接收Email地址信息.提交表单时自动验证是否符合Email地址格式,如果不符合,将提示相 ...
（14）H5新增表单属性
一.required属性演示 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
html5表单地区元素,html5新增表单域元素及属性
1.新增表单元素在之前的HTML表单标签中,对于一些功能支持的不够好,比如:文本框提示信息.表单校验.日期选择控件.颜色选择控件.范围控件.进度条.标签跨表单等功能.(早期是通过js和dom元素配合 ...
表单补充，labed标签，html5新增表单元素和语义
<h2>label标签的使用</h2>  <label> ...

html中input标签中type属性小总(包含html5新增表单属性)

前言

举例

结果图

html中input标签中type属性小总(包含html5新增表单属性)相关推荐

最新文章

热门文章