表单标签的使用

1.表单域/表单框

(1)标签名称:form 无实际含义,就是一个大盒子，为了收集用户信息进行提交保存起来

(2)属性

 1)action:表示接后台地址

 2)name:表示表单的名称

 3)method:表示与后台交互的方法 GET/POST

    表示与后台做数据交互

    get请求的时候参数会显示在地址栏上 post不会

    post相对来说比get安全(前端是没有绝对安全的)

2.表单控件

(1)标签名称:imput(单标签)

(2)属性

  1）name 表单控件的名称

  2）size 表示表单控件的长度

  3）maxlength 最大长度（手机号码）

  4）type:控制当前表单控件 默认是文本输入框 密码框、单选框、多选框、提交按钮、重置按钮

  5）value:表示提示文本，跟随不同的type属性值，作用发生不同的改变，用户输入的时候需要手动的删除文本提示。

    password 密码框 黑色的实心圆 value是占位置的(HTML5版本中新增了一个属性 placeholder占位符)

    radio 单选按钮 设置name属性值 属性值相同的即可

    checkbox 多选按钮

3.功能按钮

 (1)submit:使用value (必须放在form表单框中) ?表示后面接参数

 (2)reset:点击可以清空当前表单控件中所有内容 (必须放在form表单框中)

4.空按钮

 (1)type的属性值button 需要绑定js事件

 (2)button标签 默认会提交刷新页面

5.高级用法

 (1)下拉列表/菜单:select>option

 (2)多行文本域:textarea 建议/意见（若禁止用户拖拽，需设置css属性 resize:none）

 (3)上传文件:type的属性值 file

 (4)隐藏标签:type的属性值 hidden

6.表单标签

 (1)fieldset:表单框 表单字段集 和form作用相似

 (2)legend:字段级标题

 (3)label:信息提示标签 绑定关系 性别的文字也可以点击进行切换

  如：<label for="man"><input type="radio" name="gender" id="man">男</label>

  <label for="woman"><input type="radio" name="gender" id="woman">女</label>