input的type属性新增的值
① 概述
email 用于应该包含“e-mail"地址的输入框
url 用于应该包含“URL"地址的输入框
search 用于应该“搜索内容"的输入框
number 用于应该包含“数值"的输入控件
tel 规定显示的类型为“电话号码"的输入框
range 规定显示的类型为“数值选择范围"选择控件
color规定显示的类型为“颜色"选择控件
日期相关
date规定显示的类型为“日期"选择控件
month规定显示的类型为“月份"选择控件
week规定显示的类型为“周"选择控件
time规定显示的类型为“时间"选择控件
datetime规定显示的类型为“日期时间"选择控件
datetime-local规定显示的类型为“本地日期时间"选择控件
由于在制定HTML5标准时,无论移动端的Web浏览还是移动端的应用都已经开始逐渐的成为一种新的主流浏览方式了,所以以上这些属性大多在移动端有比在PC端更好的表现。
Input上新增的属性
① required
required 要求input的值为必填
1、 placeholder能用于text,password,eamil,url,number,search等类型
2. placeholder不能用于range,color,date等非文本框类型
② pattern
pattern 用于验证 input输入值是否合法
③ form
规定输入域所属的表单,适用于所有 input标签的类型
④ Width & height
height 和 width 、规定用于 image 类型的 input 标签的图像高度和宽度
⑤ 重写属性
formaction - 重写表单的 action 属性
formmethod - 重写表单的 method 属性
formtarget - 重写表单的 target 属性
还能重写enctype与novalidate等
Form上新增的属性
① autocomplete
规定是否启用表单的自动完成功能,其值如下:
on //开启自动完成功能【默认为on,开启状态】
off //关闭自动完成功能
② novalidate
如果使用该属性,则提交表单时不进行html5自带的验证。
表单新增标签
① datalist 标签
datalist规定输入域的选项列表,类似于select标签.
注意:datalist的一定要有id属性,并且此属性还必须要和某一个文本域input的list属性值一样才能渲染出来。
② output 标签
output 元素用于不同类型的输出,比如计算或脚本输出
注意:就现在的浏览器支持程度而言,如果我们要获取input的实时改变,我们需要通过oninput属性获取。oninput属性既可以写在form表单上也可以写在input的输入域上。
H5实用标签
1.mark标签
该标签是一个“行内元素”,它的作用是像一只荧光笔一样突出你标记的文本。
2.meter标签
该标签是一个“行内块级元素”,它是用于度量属性“value”的值的一个标签
meter标签具有以下属性值:
max规定度量的最大值
min规定度量的最小值
value 当前值
high规定高范围的度量值(大于该值)
low规定低范围的度量值(小于该值)
optimum规定最佳的度量值
progress标签
该标签是一个“行内块级元素”,它是一个用于显示“进度信息”的标签。
progress标签具有以下属性值:
max规定总进度量的值
value规定当前进度量的值
audio标签
该标签是一个“行内块级元素”,它用于在页面中加载音频文件
audio标签具有以下属性:
autoplay如果出现该属性,则音频在就绪后马上播放
controls如果出现该属性,则向用户显示控件,比如播放按钮
loop如果出现该属性,则每当音频结束时重新开始播放
muted规定视频输出应该被静音
preload如果出现该属性,则音频在页面加载时进行加载,并预备播放。若和“autoplay”同时使用,则该属性值会被忽略
src要播放的音频的URL地址
video标签
该标签是一个“行内块级元素”,它用于在页面中加载视频文件
video标签具有以下属性:
width设置视频播放器的宽度
height设置视频播放器的高度
autoplay如果出现该属性,则视频在就绪后马上播放
controls如果出现该属性,则向用户显示控件,比如播放按钮
loop如果出现该属性,则当媒介文件完成播放后再次开始播放
Preload如果出现该属性,则音频在页面加载时进行加载,并预备播放。若和“autoplay”同时使用,则该属性值会被忽略
Src 要播放的视频的URL地址
Muted :静音(加载时默认静音)
H5表单相关笔记整理
最新推荐文章于 2025-08-12 13:41:57 发布