码迷,mamicode.com
首页 > Web开发 > 详细

html的表单标签

时间:2016-01-08 23:29:03      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:

作用:用来采集用户输入的数据,然后发送给后台处理
 
 表单标签:
   <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实现效果

html的表单标签

标签:

原文地址:http://www.cnblogs.com/kmexiaoxiao/p/5115159.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!