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