一、表单基础结构
1、表单介绍
- 应用场景:注册,登录以及资料编辑等
- 表单工作原理:
- 访问一个包含表单的页面,输入数据后“提交”表单
- 浏览器将用户再表单中输入的数据进行打包,并发送给服务器
- 服务器接收数据并转由程序处理
- 语法:
<
表单元素:文本域,单选框,复选框,按钮,列表等
- HTML表单
Form标签中,以下标签实现表单元素添加:
- <input>标签(单选框,复选框,按钮,文本等)
<input type="类型属性" name="名称" ..../>
<!DOCTYPE html>
二、表单元素
1、input标签(文本域和文件域)
- 单行文本域
<
- 密码框(也是文本域的形式,输入后的文字由“......"显示)
<
- 文件域(不同浏览器,外观显示不同)
<
2、input标签(单元框和复选框)
- 单选框
<
- 复选框
<
3、input标签(按钮)
<
4、input标签(图像域和隐藏域)
- 图像域(图像提交按钮)
<
- 隐藏域
<
5、select标签(下拉菜单和列表)
<
- <select>标签属性
- <option>标签属性
6、select属性(分组下拉下单和列表)
<
7、textarea(多行文本框)
<
三、表单属性
1、<form>标签
method属性
- get:
- 使用URL传递参数
- 对所发送信息的数量有限制
- 一般用于信息获取
- post:
- 表单数据作为HTTP请求体的一部分
- 所发送信息数量无限制
- 一般用于修改服务器上的资源
target属性
- _blank:新页面打开
- _self:当前页面打开