H5新增input标签

1.电子邮件

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

默认正则:输入内容必须有@符号,@后面必须有内容

2.搜索框

<input type="search" name="search"/>

3.url地址

<input type="url" name="url"/>

默认正则:必须包含http:或者https:

4.电话号码

<input type="tel" name="tel"/>

5.数字

<input type="number" name="num" step="5" min="5" max="50"/>

默认正则:只能输入数字 ,会有步长,默认步长为1

6.color(调色盘)

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

7.range(范围条)

<input type="range" name="range" min="0" max="10" step="2" value="10"/>

注意:

-范围类型:
min:最小值
max:最大值
step:步长
value:总长

8.日历date

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

<input type="week" name="week"/>

<input type="time" name="time"/>

注意:实际开发中基本不用,因为丑

原文地址:https://www.cnblogs.com/hzqzwl/p/12076273.html

时间: 2024-10-16 05:18:24

H5新增input标签的相关文章

H5新增input属性

目录 H5中新增input系列(2) H5新增的input的type属性 1.placeholder 属性 2.step 属性 3.pattern 属性 4.multiple 属性 5.min 和 max 属性 6.height 和 width 属性 7.list属性 8.required属性 9.formtarget 属性 10.formmethod 属性 11.autofocus 属性 12.autocomplete 属性 13.form 属性 14.formaction 属性 15.for

08 H5新增input元素

<!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> </head> <body> 在android和ios中尤其能体现这些输入控件的特点,会自动切换到不同的虚拟键盘! <hr> <form> 查询文本框 <input type="search" p

7.31 H5新增的标签1

### 结构标签 (双) * header  头面 页面头部 section的头部 * footer  页脚 * nav      导航 * aside    侧边栏 * main    主体内容 * section  小节 * article   文章 * details      属性open * summary * dialog  对话框  属性 open ### 文本标签 * mark  标记 * time   时间 * meter  度量 温度/电量/容量 * 属性  max/min/

H5新增的标签以及改良的标签

1>OL标签的改良 start type  reversed:翻转排序 2>datalist标签自动补全的使用 3>progress标签的使用:进度条 4>meter标签的应用 5>details展开收缩标签的使用-子标签summary(自动带有展开收缩的效果)   6>mark标签的应用:高亮显示文本 7>音频标签 audio 8>视频标签 video 补充样式: outline:轮廓 同border,但是border占位置 outline不占位置 out

h5新增标签、css3新增属性

- h5新增的标签 新增元素 说明 video 表示一段视频并提供播放的用户界面 audio 表示音频 canvas 表示位图区域 source 为video和audio提供数据源 track 为video和audio指定字母 svg 定义矢量图 code 代码段 figure 和文档有关的图例 figcaption 图例的说明 main time 日期和时间值 mark 高亮的引用文字 datalist 提供给其他控件的预定义选项 keygen 秘钥对生成器控件 output 计算值 prog

h5新增标签及css3新增属性

- h5新增的标签 新增元素 说明 video 表示一段视频并提供播放的用户界面 audio 表示音频 canvas 表示位图区域 source 为video和audio提供数据源 track 为video和audio指定字母 svg 定义矢量图 code 代码段 figure 和文档有关的图例 figcaption 图例的说明 main   time 日期和时间值 mark 高亮的引用文字 datalist 提供给其他控件的预定义选项 keygen 秘钥对生成器控件 output 计算值 pr

重温html5的新增的标签和废除的标签

HTML5已经盛行有段时间了,对于标签的使用,按照规范,哪些该用,哪些不该用,你是否都掌握了呢.今天我在这里详细列举下: 新增的结构标签 section元素 表示页面中的一个内容区 块,比如章节.页眉.页脚或页面的其他部分.可以和h1. h2……等元素结合起来使用,表示文档结构.例:HTML5中<section>……</section>:HTML4 中<div> ……</div>. article元素 表示页面中一块与上下文不相关的独立内容.比如一篇文章.

html5的新增的标签和废除的标签

新增的结构标签 section元素 表示页面中的一个内容区块,比如章节.页眉.页脚或页面的其他部分.可以和h1. h2……等元素结合起来使用,表示文档结构.例:HTML5中<section>……</section>;HTML4中<div> ……</div>. article元素 表示页面中一块与上下文不相关的独立内容.比如一篇文章. aside元素 表示article元素内容之外的.与article元素内容相关的辅助信息. header元素 表示页面中一个内

H5表单input标签新增type

示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> <!--email提供了默认的电子邮箱的完整验证:要求必须包含@符号,同时必须包含服务器名称