[JavaScript知识库]第二次网页前端培训（HTML常用标签）

1：表单

1.1 form标签

????????from标签用于为用户创建HTML表单，为块级元素，会自动换行，将数据传输给服务器。

? ? ? ? 常用属性：

? ? ? ? ? ? ? ??action????????表单提交的地址url

? ? ? ? ? ? ? ? id? ? ? ? ???????唯一标识

? ? ? ? ? ? ? ? name? ? ? ? ?名称

? ? ? ? ? ? ? ? target? ? ? ? 表单提交打开方式（当前窗口）

? ? ? ? ? ? ? ? method? ? ?提交方式

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? get请求：参数会直接跟在url后面，用问号拼接。安全性差，传递的数据量小，效率高（是post请求速度的两倍），有缓存。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? post请求：参数不会跟在url地址栏后面，会放在请求体中。安全性高，传输数据量大，速度相对来说慢，无缓存。

1.2 input标签

????????input标签用于搜集用户信息，根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段，复选框，按钮等。

? ? ? ? type? ? ? ? ????????表单元素的类型

? ? ? ????????? text? ? ? ? ?????????文本框

? ? ? ????????? password? ? ? ? 密码框

? ? ? ??????????radio? ? ? ? ???????单选框

? ? ? ????????? checkbox? ? ? ? 复选框

? ? ? ????????? button? ? ? ? ?????普通按钮

? ? ? ????????? hidden? ? ? ? ????隐藏域（用来存放需要传递给服务器，但不需要显示的数据）

? ? ? ????????? file? ? ? ? ? ? ? ? ? 文件域（上传文件）

? ? ? ????????? date? ? ? ? ? ? ? ? 日期框

? ? ? ? ? ? ? ??submit? ? ? ? ? ? ?提交按钮

? ? ? ????????? reset? ? ? ? ? ? ? ? 重置按钮

? ? ? ????????? image? ? ? ? ? ? ? 图片按钮（提交按钮）

? ? ? ? value? ? ? ? ? ? ? ? 表单元素的值

? ? ? ? checked? ? ? ? ? ?是否选中（单选框/复选框）

? ? ? ? disabled? ? ? ? ? ?是否禁用

? ? ? ? maxlength? ? ? ? 允许输入最大字符

1.3 textarea标签

????????定义多行文本输入控件，文本区可容纳无限数量文本。

? ? ? ? cols 和 rows

1.4 label标签

? ? ? ? label标签为input元素定义标注（标记）

? ? ? ? label元素不会呈现任何特殊效果

? ? ? ? label标签的for属性应当与相关元素的id属性相同，此时点击label标签会自动为元素聚焦

1.5 button标签

? ? ? ? *<button type="button">普通按钮</button>

1.6 select标签

????????下拉选项

<select name=" ">

? ? ? ? <option value="值”>文本</option>

</select>

*当option设置value属性时，提交的是value对应的值，如果未设置value，则提交数据是文本值

2：字符实体

<????????&lt;

>? ? ? ? &gt;

空格? ? ? ? &nbsp；

版权符? ? ? ? &copy;

HTML中标签元素分为3种类型：块状元素，行内元素，行内块状元素。