前端之html表单
html表单
用于搜集不同类型的用户输入
表单由不同类型的标签组成
1、<form>标签 定义整体的表单区域
* action属性 定义表单数据提交地址
* method属性 定义表单提交的方式,一般有“get”方式和“post”方式
2、<label>标签 为表单元素定义文字标注
3、<input>标签 定义通用的表单元素
* type属性
* type="text" 定义单行文本输入框
* type="password" 定义密码输入框
* type="radio" 定义单选框
* type="checkbox" 定义复选框
* type="file" 定义上传文件
* type="submit" 定义提交按钮
* type="reset" 定义重置按钮
* type="button" 定义一个普通按钮
* value属性 定义表单元素的值
* name属性 定义表单元素的名称,此名称是提交数据时的键名
4、<textarea>标签 定义多行文本输入框
5、<select>标签 定义下拉表单元素
6、<option>标签 与<select>标签配合,定义下拉表单元素中的选项
表单:`*****`
是什么?能干什么?就是用来收集用户的数据的一组标签。
怎么干?5个标签5个属性8个值
form:就是表单,没有显示效果,就是一个框,用来装其他标签
action:数据提交的url地址,如果不写,默认提交当前路径
method:数据的提交方式。GET、POST,主要区别是数据放置的位置不同,GET是拼接在请求路径中,是明文显示的,所以不安全。POST,数据放置在请求体中,也是明文传送的,所以也较不安装。