HTML的表单

表单的典型应用

- 注册用户
- 收集信息
- 反馈信息
- 为网站提供搜索工具

表单包含的控件 type属性值，默认text
text、password、select、radio、file、checkbox、submit、reset、textarea 、hidden、button
checked属性：仅与或配合使用，选中值为checked。

表单页面的基本结构


<form action = "表单提交地址"method="post/get提交方法">
---文本框、按钮等表单元素
</form>
- get和post的区别 。
- post提交比get更加安全。
- get 是从服务器上获取数据，post是向服务器传送数据；
- get是提交参数在地址栏可见，url后面能看到明显的字符串，posturl看不到字符串
- get传送的数据量较小，不能大于2kb,post传送的数据量较大，只支持post上传。
-


• 关键字
  action 指定提交后，由服务器上那个处理程序处理。
  method 提交方法，一般为post和get提交方式。

表单元素的统一格式

• 基本的元素：type、name、value、size、maxlength、checked

  <form action ="" name ="名称" id="全有网页保持唯一" method ="post" >
  <input type ="checkbox- 指定元素的统一的格式" name="gen" value="男">
     /*- maxlength:控件中输入的最多字符个数。  
        - checked 控件是否被选中。  
        - size 显示的最大字符*/
  <lable for=""></label>
  </form> 

• 实现label标签也能进行选择。
  <input name="radio" type="radio"id="female"/> <label for="female">女</label>

表单的基本元素

• 列表框基本语法

    <select name ="指定列表的名称" mulitipe 选中 size = "行数">  
        <option value = "可选项的值" selected->*被选中项*>名称</option>  
    </select>

• input 方法：
  <input name ="fruit" id="fruit" type ="radio" classs ="input" value ="男" checked ="checked">
  
  • 文本框 type = text; value=“zhi” type=”email”(h5新特性) placeholder默认光标在左边
  • 密码框 type =password;
  • 单选按钮 tyepe = “radio” – > 一组单选框，name必须相同.
  • 复选按钮 type = checkbox –>
  • 按钮基本语法 type =”reset”->重置信息 、”butoon”->按钮、”sumbit”——>提交属性。;
• 多行文本框基本语法
  <textarea name ="textarea" cols ="40" rows ="6"> </textarea>
  cols文本框的列数,rows文本框的行数。