表单

表单：收集不同类型的用户输入信息。

       输入框，密码框，文本域 下拉菜单，单选，多选。

form标签：

   作用：定义一个表单。
   
   一个表单是由表单元素组成的。
    标签：只是说开始标签与结束标签。
    元素：在HTML中，从开始标签到结束标签的所有代码统称为一个元素。
    表单元素：不同类型的input元素 以及 单选框，提交按钮等。

  格式：
     <form action="">
      传输的数据
       </form>

属性：

  action：提交的地址
  method：提交的方式
    get： 参数是在url中的，不安全，传输量比较少，不大于2KB。 默认是get
    post： 参数不在url中，相对比较安全。传输量没有限制。不过，服务器可能会对你传输的数据量进行限制。


input
  type:input元素的类型。会根据type的不同，呈现为不同的控件。
  name：提交的数据的名字
  
  
输入框
  type=text
  作用：创建一个允许用户输入的输入框。
  value：未输入之前的默认文本。
  placeholder：提示文本。
  maxlength：输入框最大输入字符长度。
  minlength:输入框最小的输入字符长度。
  autofocus:自动获取焦点   不需要书写属性值。
密码框
  password

单选
  radio
  属性：
    name：如果不设置name属性，浏览器不知道哪些单选框是一组，就不能起到单选的效果。我们需要给同一组的单选框添加一个相同的name属性值。
    checked:可以忽略属性值，表示当前单选默认选中。
    disabled 禁用 不仅仅是单选可用，别的input元素也可以使用。

多选
  checkbox
  name是必填项。而且同一组的多选框的name值必须相同。

按钮：
  value属性：按钮上的文字
  普通按钮
    button 配合js完成一些操作。
  提交按钮
    submit 将表单中的数据提交。
  重置按钮
    reset 重置表单中的数据

文件上传
  file
  文件上传时，需要在form表单中添加这样一个属性
        enctype="multipart/form-data"

label标签
  作用：为input元素添加标记。
    将label中的内容与input进行绑定，（input的id值），当鼠标点击label中的文本时，就会触发绑定的input元素。
  格式：
    <label for="要绑定的input元素的ID值">文本</label>

提交的数据形式： 键值对  =前面为键 =后面为值。
  account=张三四五六&sex=男

  <form action="" >
    <label for="account">账号名：</label><input type="text" name="account" placeholder="请输入账户名" maxlength="10" minlength="5" autofocus id="account">
    <br>
    <label for="pw">密码：</label><input type="password" id="pw">
    <br>
    性别：<input type="radio" name="sex" value="男" checked>男<input type="radio" name="sex" value="女">女<input type="radio" name="sex" disabled>未知
    <br>
    爱好：
    <input type="checkbox" name="hobby">唱歌
    <input type="checkbox" name="hobby">跳舞
    <input type="checkbox" name="hobby">打篮球
    <input type="checkbox" name="hobby">rap
    <br>
    附件上传：
    <input type="file">
    <br>
    <input type="button" value="普通按钮">
    <input type="submit" value="提交">
    <input type="reset" value="重置">
    <input type="submit" value="提交">
  </form>