HTML基础知识点-表单

Form标签中，以下标签实现表单元素的添加

标签	描述
<input>	表单输入标签
<select>	菜单和列表标签
<option>	菜单和列表项目标签
<textarea>	文字域标签
<optgroup>	菜单和列表项目分组标签

<form>标签属性

属性	值	描述
action	URL	提交表单时向何处发送表单数据
method	get，post	设置表单以何种方式发送到指定页面
name	form_name	表单的名称
target	_blank,_self,_parent,_top	在何处打开action URL
enctype	application/x-www-form-urlencoded, multiple/form-data, text/plain	在发送表单数据之前如何对其编码

input标签属性

Type属性值	描述
text	文字域
password	密码域
file	文件域
checkbox	复选域
radio	单选域
Button	按钮
Submit	提交按钮
Reset	重置按钮
Hidden	隐藏域
image	图像域

单选框和复选框

注：name值必须一致

image

图像域既有图像，也能实现提交功能

下拉菜单和列表标签

语法

<select>
    <option value="">选项</option>
    <option value="">选项</option>
</select>

select标签属性

属性	描述
name	设置下拉菜单和列表的名称
multiple	设置可选择多个选项
size	设置列表中可见选项的数目

option标签属性

属性	描述
selected	设置选项初始选中状态
value	定义送往服务器的选项值

分组下拉菜单和列表

语法

<select>
    <optgroup label="组1">
    <option value="">选项</option>
    <option value="">选项</option>
    ...
    <optgroup label="组2">
    <option value="">选项</option>
    <option value="">选项</option>
    ...
</select>

多行文本域<textarea>

语法

<textarea name="" rows="" cols="">
    内容...
</textarea>

属性	描述
name	设置文本区的名称
placeholder	设置描述文本区域预期值的简短提示
rows	设置文本区内的可见行数
cols	设置文本区内的可见宽度

post和get的区别

GET：

• 使用URL传递参数

• 对所发送信息的数量也有限制

• 一般用于信息获取

• 保密性差

POST：

• 表单数据作为HTTP请求体的一部分

• 对所发送信息的数量无限制

• 一般用于修改服务器上的资源

• 保密性好