html的表单标签

作用：用来采集用户输入的数据，然后发送给后台处理

 

 表单标签：

   <form>       表示一张表单

  常用属性：

  action： 表示提交的地址（提交给谁处理？）

  method:  表示提交的方式

         get

   1)把用户提交的参数暴露在浏览器的地址栏

   2）敏感数据不适合用get提交

   3)get方式提交的数据长度不超过1kb.例如编号数据

         post

   1)不会把用户提交的参数暴露在浏览器的地址栏

   2）敏感数据适合post提交

   3) post方式提交的数据长度没有限制（文件上传必须使用post方式）

 

 <input type="text"/>    单行输入域

  name: 提交给后台的时候，后台会使用该name接收该输入域的值。通常会带上该属性

  size: 显示的长度

  value: 默认值，该数据也会提交到后台

 

 <input type="password"/>: 密码输入域

  name: 提交给后台的时候，后台会使用该name接收该输入域的值。通常会带上该属性

  size: 显示的长度

  value: 默认值，该数据也会提交到后台

 

 <input type="radio"/>： 单选按钮

    name: 提交给后台的时候，后台会使用该name接收该输入域的值。通常会带上该属性

   相同name值的单选按钮会归为一组！！！

  checked="checked": 当前按钮的选择状态，你想选中谁，就把当前属性给哪个按钮 

  value: 给后台提交的数据      

 

 <input type="checkbox"/>  多选按钮

  name: 提交给后台的时候，后台会使用该name接收该输入域的值。通常会带上该属性

   相同name值的多选按钮会归为一组！！！

  checked="checked": 当前按钮的选择状态，你想选中谁，就把当前属性给哪个按钮             value: 给后台提交的数据  

 

 

 <select> ： 下拉选项

      name: 提交给后台的时候，后台会使用该name接收该输入域的值。通常会带上该属性

      size: 显示的选项个数

      multiple="multiple": 可以让从单选变成多选

      <option> ： 一个选项

   value: 给后台提交的数据

    selected="selected": 当前按钮的选择状态，你想选中谁，就把当前属性给哪个按钮

 

 <textarea rows="5" cols="10" >: 多行文本输入域

   name: 提交给后台的时候，后台会使用该name接收该输入域的值。通常会带上该属性

 

 <input type="file"/> : 文件选择器

  name: 提交给后台的时候，后台会使用该name接收该输入域的值。通常会带上该属性

 

 <input type="hidden"/> : 隐藏域 。希望携带数据到后台，但是不希望给用户看到！！！

  修改学生信息      

  1）看到所有的学生

                id

   1    张三  。。。。   修改

   2    李四  。。。。。修改

             2）点击修改

   传递id到修改页面

  3）保存修改后的信息

    需要id+其他信息

 

 <input type="submit"/>  提交按钮

 <input type="reset"/>  重置按钮。让表单回到原始状态

 <input type="button"/> 普通按钮。需要结合javascript实现效果