H5语义化标签
<header>头部标签
<section>区域标签
<nav>导航标签
<article>内容标签
<aside>侧边栏标签
<footer>尾部标签
新增音视频标签
<audio><video>
input类型标签可以做表单验证:
-
text:文本输入框,用于输入单行文本。
-
password:密码输入框,用于输入密码,输入内容会以星号或圆点的形式显示。
-
number:数字输入框,用于输入数值。
-
email:电子邮件输入框,用于输入电子邮件地址。
-
tel:电话号码输入框,用于输入电话号码。
-
date:日期输入框,用于选择日期。
-
time:时间输入框,用于选择时间。
-
radio:单选按钮,用于选择一项。
-
checkbox:复选框,用于选择多项。
-
file:文件上传输入框,用于选择上传文件。
-
submit:提交按钮,用于提交表单数据。
-
reset:重置按钮,用于重置表单数据。
-
button:普通按钮,用于触发自定义的JavaScript代码。
-
hidden:隐藏输入框,用于存储不显示给用户的数据。
-
color:颜色选择器,用于选择颜色。
-
range:滑动条,用于选择一个范围内的值。
-
search:搜索输入框,用于输入搜索关键字。
-
url:URL输入框,用于输入URL地址。
除了以上常用的type属性值,还可以使用一些HTML5新增的input类型,如datetime、datetime-local、month、week等。
新增表单属性
属性 | 值 | 说明 |
---|---|---|
required | required | 必填 |
placeholder | 提示文本 | 表单提示信息 |
autofocus | autofocus | 页面加载完成自动聚焦到指定的表单(光标闪烁(进入页面打字就填到该表单元素)) |
autocomplete | off/on | 联想之前输入过的值 |
multiple | multiple | 多选文件提交 |
input::placeholder{
color:red
}