HTML：H5新增表单type属性

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<form action="javascript:;">颜色：<label><input type="color"></label><br><br>邮箱：<label><input type="email"></label><br><br>手机：<label><input type="tel"></label><br><br>数字：<label><input type="number"></label><br><br>url：<label><input type="url"></label><br><br>搜索：<label><input type="search"></label><br><br>区域：<label><input type="range"></label><br><br>年月日：<label><input type="date"></label><br><br>月份：<label><input type="month"></label><br><br>星期：<label><input type="week"></label><br><br>时间：<label><input type="time"></label><br><br><input type="submit" value="提交">
</form>
<br><br><br><br>
<form action="javascript:;">姓名1：<label><input type="text" autofocus></label><br><br>姓名2：<label><input type="text" autofocus required></label><br><br><input type="submit" value="提交">
</form>
</body>
</html>

运行结果：

HTML：H5新增表单type属性相关推荐

（14）H5新增表单属性
一.required属性演示 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
新增表单元素属性事件
表单-新增控件类型 HTML5 增加了多个新的表单输入类型,这些新特性提供了更好的输入控制和验证,主要内容如下. ①email.②url.③number.④range ⑤Date pickers (d ...
H5新增表单元素、控件
表单-新增控件类型 • HTML5 增加了多个新的表单输入类型,这些新特性提供了更好的输入控制和验证,主要内容如下. • ①email.②url.③number.④range • ⑤Date pick ...
html表单模板属性,HTML5超酷响应式表单美化模板插件
这是一款非常效果非常酷的HTML5超酷响应式表单美化效果插件.表单的整体效果使用扁平化风格,使用media queries来为各种屏幕创建响应式效果.在大屏幕上,整个表单分三列显示,当屏幕小到一定程度 ...
html中input标签中type属性小总(包含html5新增表单属性)
前言 HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...
【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天一.什么是 `HTML5` 二.`HTML5 ` 新增标签三.多媒体音频标签四.多媒体视频标签五.新增 input 标签六.新增表单属性七.`CSS3 ` 属性 ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
Html5新增表单属性
新增输入类型: Type="email" 限制用户输入email类型 Type="url" 限制用户必须输入url类型 Type="range&q ...
HTML5新增表单属性（HTML5）
HTML5新增表单属性(HTML5) <!DOCTYPE html> <html lang="en"><head><meta charse ...
html表单新增类型,HTML5表单设计——新增输入类型和新增表单属性
新增输入类型 email类型用来输入邮箱地址的文本框.该文本框与普通文本框在页面显示时没有任何区别,专门用于接收Email地址信息.提交表单时自动验证是否符合Email地址格式,如果不符合,将提示相 ...

HTML：H5新增表单type属性

HTML：H5新增表单type属性相关推荐

最新文章

热门文章