get 和 post
method 属性
method="get“
通过URL 传送表单内容： URL?name=value&name=value。
注释：如果表单值包含非 ASCII 字符或者超过 100 个 字符，您则必须使用 method="post"。
http://www.gzwangcai.com/
HTML 表格&表单 写法
http://www.gzwangcai .com/
HTML 表格
http://www.gzwangcai .com/
表头和表标题
<th>
表头 表标题
<caption>
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
段旭良@四川农业大学 5025968@qq.com
单选按钮
type=“radio”
属性
name checked
value
http://www.gzwangcai.com/
<form id="myForm" action="#" method="post"> <p>性别</p> <p> <input type="radio" name="gender" id="male" value="male"/>男 <br /> <input type="radio" name="gender" id="female" value="female"/>女 </p> </form> 段旭良@四川农业大学
value
http://www.gzwangcai.com/
<form id="myForm" action="#" method="post"> <p> 姓<input type="text" id="firstname" /> 名<input type="text" id="lastname" size="50" maxlength="25" value="名" /> </p> </form>
option的属性
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
多行文本框
textarea标记
属性
cols和rows 设置初始值
method="post“
此方法可传送 request 主体中的表单内容
将数据在HTTP数据流中编码发送 较为安全的传递数据的方法
段旭良@四川农业大学 5025968@qq.com
表单输入控件
input
Type
Text、Password、Hide Button、Submit、Reset
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
图片提交和重置按钮
type=“image”
属性
value=“submit”/value=“reset” alt
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
type=“file” form表单属性
enctype =“enctype ”：用来编码表单内容的 MIME 类型
method=“post”
段旭良@四川农业大学 5025968@qq.com
Label和fieldset
label元素
fieldset和legend元素
http://www.gzwangcai.com/
Image、File
Radio、checkbox
http://www.gzwangcai.com/
select和option
创建一个下拉列表。
Textarea
多行输入的文本框。
段旭良@四川农业大学 5025968@qq.com
文本框
type=“text”
属性
size maxlength
5025968@qq.com
复选框
type=“checkbox”
属性
name checked
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
下拉列表2
select和option标记
select的属性
multiple="multiple“ size selected=“selected”
命令按钮
type=“button”
属性
value
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
其他
隐藏字段
type=“hidden” 属性
Name、checked、Value
文件上传控件
http://www.gzwangcai.com/
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
为用户输入创建表单，用于向指定的 URL 传递用 户数据。
文本域 复选框 单选按钮 下拉列表
http://www.gzwangcai.com/
<form action=“表单处理程序的URL” method=“get|post”>…</form>
段旭良@四川农业大学 5025968@qq.com
段旭良@四川农业大学 5025968@qq.com
防止改变字段内容
readonly：可以防止修改文本框中的数据 Disabled：可以使输入控件不可用 二者区别：readonly可接受光标
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
跨列
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
跨行
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
HTML 表单
http://www.gzwangcai .com/
表单
<form>
处理表单数据方法
使Leabharlann Baidu脚本程序处理表单数据
JSP ASP、ASP.NET PHP
CGI…
http://www.gzwangcai.com/
段旭良@四川农业大学 5025968@qq.com
试一试
写一个复杂的表格。 参照论坛社区注册表单，自己写一个… 写一个表单，试试上外网认证或登陆网易邮箱？
