前端之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,数据放置在请求体中,也是明文传送的,所以也较不安装。

猜你喜欢

转载自www.cnblogs.com/zsmart/p/10079325.html