列表标签


datalist:用于搜索框的关键字提示

details:用于展示问题和答案,或对专有名词进行解释

summary:写在detaisls的里面,用于指定问题或专用名词

文本标签


ruby:包裹需要注音的文字 rt:写注音,rt标签写在ruby的里面

文本标记


mark:标记

表单功能


placeholder:提示文字(注意:不是默认值,value是默认值),适用于文字输入类的表单控件。

required:表示输入项必填,适用于除按钮外其他表单控件。

autofocus:自动获取焦点,适用于所有表单控件。

autocomplete:自动完成,可以设置为onoff,适用于文字输入类的表单控件。

pattern:填写正则表达式,是用于输入类表单控件。 注意:多行输入不可用,且空的输入框不会验证,往往与required配合。

input属性值




email:邮箱类型的输入框,表单提交时会验证格式,输入为空则不验证格式。
url:url类型的输入框,表单提交时会验证格式,输入为空则不验证格式。
number:数字类型的输入框,表单提交时会验证格式,输入为空则不验证格式。
search:搜索类型的输入框,表单提交时不会验证格式。
tel:电话类型的输入框,表单提交时不会验证格式,在移动端使用时,会唤起数字键盘。
range:范围选择框,默认值为50,表单提交时不会验证格式。
color:颜色选择框,默认值为黑色,表单提交时不会验证格式。
date:日期选择框,默认值为空,表单提交时不会验证格式。
month:月份选择框,默认值为空,表单提交时不会验证格式。
week:周选择框,默认值为空,表单提交时不会验证格式。
time:时间选则框,默认值为空,表单提交时不会验证格式。
datetime-local:日期➕时间选择框,默认值为空,表单提交时不会验证格式。

form属性

novalidate:如果给form标签设置了该属性值,表单提交的时候不再进行验证。

视频标签

<video>标签用来定义视频,他是双标签。



src:URL地址 视频地址
width:像素值 设置视频播放器的宽高
height:像素值 设置视频播放器的高度
controls:向用户显示视频控件(比如播放/暂停按钮)
muted:视频静音
autoplay:视频自动播放
loop:循环播放
poster:URL地址 视频封面
preload: auto/metadta/none 如果使用autoplay,则忽略该属性。