HTML标签二

HTML标签二

1.表单标签

1.1 form标签

常用属性	意义
action	表单提交的地址（url）
id	唯一标识
name	名称
target	表单提交打开方式
method	提交方式

作用：将数据传输给服务器

method属性包含

• get请求：参数直接跟在url后，用？拼接，安全性差，传递数据量小，效率高
• post请求：参数不跟在url后，放在请求体中。安全性高，传输数据量大，速度慢。

1.2 input 标签

常用属性	意义
type	表单元素的类型
value	表单元素得值
checked	是否选中
disabled	是否禁用
maxlength	允许输入的最大字符长度

type属性可设置的

• text 文本框
• password 密码框
• radio 单选框（需要设置一组相同的name属性值）
• checkbox 复选框 （需要设置一组相同的name属性值）
• button 普通按钮
• hidden 隐藏域 （用来存放需要传递给服务器但不需要显示的数据）
• file 文件域
• date 日期框
• submit 提交按钮
• reset 重置按钮
• image 图片按钮

1.3 textarea

该标签定义多行的文本输入控件，可通过cols（宽度）和rows（行数）属性来规定尺寸

<textarea name="remark" rows="5" cols="50">baichi.naotan</textarea>

1.4 label标签

设置label标签的for属性值与表单元素的id属性值一致，效果是点击label标签时会自动聚焦

<label for="111">姓名</label>：<input type="text" name="userName" id="111" />

1.5 button 按钮

<button>按钮</button>
<!--默认状态是提交按钮-->

常用属性

属性	值	描述
disabled	disabled	禁用该按钮
type	button submit reset	规定按钮的类型
value	text	规定按钮的初始值
name	button_name	规定按钮的名字

1.6 select

select 用于定义下拉列表

<select name="city">
				<option value="">请选择城市</option>
				<option value="Beijing">北京</option>
				<option value="Henan">河南</option>
				<option value="Guangzhou">广州</option>
			</select>

select 常用属性

属性	值	描述
disabled	disabled	禁用该下拉框
multiple	multiple	规定可选择多个选项
name	name	规定下拉列表的名称
size	number	规定下拉列表中可见选项的数目

当option设置了value属性值时，提交的数据是value对应的值，若未设置提交的是文本值

option 常用属性

属性	值	描述
disabled	disabled	禁用该下拉框
selected	selected	规定选项（在首次显示在列表中时）表现为选中状态
value	text	定义送往服务器的选项值

2.常用字符实体

---

在HTML中，某些字符是预留的

在HTML中不能使用（<）和（>）,因为会被误认为是标签。

如果想要正确显示预留字符，则需要用到实体字符

详细内容请看HTML常用字符实体

注意；与前面的字符串是一体的.