HTML知识点总结（四）：form表单

                   HTML知识点总结

一、什么是form表单
  用于收集用户信息，如：登录、注册等场景；所有要提交的数据都必须放在form标签中。 一个完整的表单包含三个基本组成部分：表单标签、表单域、表单按钮。
二、关于form表单中的标签以及属性
(1)私有属性
action：表单提交地址，提交之后跳转到action所标记的地址。

<form action="2.表格.html"></form>

method:提交方法，有get和post两种提交方法,默认为get。
get（默认）:
1.将数据拼接在阅览器地址上
2.安全性低
3.只能提交轻量级数据
post:
1.将数据封装在请求体中
2.安全性高
(2)input标签
1.<input>:输入框
2.name：指定名字，因为提交的是键值对，所以必须要指定名字，否则无法提交，即使提交了也没有意义。
2.value：
  a.写在按钮上 修改按钮名称。
  b.写在输入框 是给输入框一个默认值。
  c.写在单选或者多选框内 代表交互数据的VALUE。
3. placeholder：占位内容，通常用于提示。

 username: <input type="text"  name="username" value=""  placeholder="请输入真实姓名">

4.readonly：只读模式，设置后无法修改输入框的内容。
5.disabled：禁用状态。
6.size：由于输入框是单行的，所以只能设置宽度。
7.maxlength：限制输入框最大输入的字符个数。
8.select：下拉框
  私有属性：
   size:设置每次下拉的项数
   multiple: 布尔属性 是否可以多选
   disabled:禁用
子组件:
   option：选项
   私有属性
selected：默认选项.
9.optgroup 标签经常用于把相关的选项组合在一起。
   分组option
  lable:名字

     <select name="" id="">
    <optgroup label="山西">
        <option value="">大同</option>
        <option value="">忻州</option>
        <option value="">太原</option>
    </optgroup>
    <optgroup label="江西">
        <option value="">九江</option>
        <option value="">南昌</option>
       
    </optgroup>
    <optgroup label="内蒙">
        <option value="">包头</option>
        <option value="">呼和浩特</option>
        
    </optgroup>
</select>

10.label标签为 input 元素定义标注（标记）。
  label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
  label 标签的 for 属性应当与相关元素的 id 属性相同。
提示:“for” 属性可把 label 绑定到另外一个元素。请把 “for” 属性的值设置为相关元素的 id 属性的值。

女<input type="radio" name="gender" value="women" id="women">
  <label for="women">
    女:
  </label><br>

11.required 属性规定必须在提交之前填写输入域（不能为空否则无法提交）。
（3）关于input中的type属性
text:单行文本框,通常如输入用户名用的是text。
password:密码框 加密。
submit:提交按钮（要和action一起用）
reset:重置按钮。
image:图片按钮。
<input type="image" src="微信.jpg" height="50px" width="50px">
radio:单选框。
checkbox:多选框。

    <fieldset>
    <legend>
        多选区域
    </legend>
爱好:
篮球：<input type="checkbox"name="like">
足球: <input type="checkbox" name="like">
排球: <input type="checkbox" name="like" checkered value="paiqiu">
毽球: <input type="checkbox" name="like"><br>
</fieldset>

其中fildset为设置区域，checkered为默认选中，legend ：设置区域标题。
button:普通按钮。
hidden:隐藏域。
file:文件上传按钮。
url:识别是否为地址。
date：选择日期。
color：选择颜色框。
number：数字 step：按一下加多少 max:最大是多少。