发表于2008年08月18日 00:10 阅读(0) 评论(0)
$12 HTML窗体
12.1 From元素
<form
1- Action = “URI”
2- Method = “method”
3- Enctype =
4- Accept-charset =
5- Accept =
6- Name = “form name”
>
</form>
1- 点击确定后,创建一个HTTP请求,将所有窗体数据打包,发送到某服务器上的一个程序
2- 取值GET
窗体值作为一个查询字符串被附加到URI中。
在在浏览器地址行上的名字/取值对是可见的,发送密码不可取。
POST
窗体值提供为输入流
3- 1。Application /x-www-form-urlen coded
2。Multipart /form-data
1针对URL安全,针对GET
2.针对POST
如一个窗体包含名为product的输入域,其值为”Great Music @Home”,另一域为quantity,取值为3。
1.
product = Great+Music%40Home&quantity=3
2.
Post/someURI HTTP/1.0
Content-Type:multipart/form-data;boundary=7d025a324 c0138
Content-length=178
--7d025a324 c0138
Content-Disposition:form-data;name=”product”
Great Music@Home
--7d025a324 c0138
Content-Disposition:form-data;name=”quantity”
3
--7d025a324 c0138
///////////////////////////////////////////
7d025a324 c0138 为生成的随机的分隔字符串,作为边界
4- 很少用
5- 多数浏览器会忽略它
6- 引用窗体的名字
12.2.1 Input 标签创建的元素
<input
Type=”text|password|checkbox|radio|submit|reset|file|hidden|image|button”
Name=”name”
Value=”value”
Size=”size”
>
1- 文本
<input
Type = “text”
Name = “name”
Value = “value”
Size = “size”
Maxlength = “maxlength”
>
2- 密码
<input
Type = “password”
Name = “name”
Value = “value”
Size = “size”
Maxlength = “maxlength”
>
3- 检查框
<input
Type = “checkbox”
Name = “name”
Value = “value”
Checked //如给出则表明具有初始选择状态
>
4- 单选按钮
<input
Type = “radio”
Name = “name”
Value = “value”
Checked
>
5- 确认
<input
Type = “submit”
Name = “name”
Value = “value” //显示在按钮上的值
>
//支持onclick
6- 重置
<input
Type = “reset”
Name = “name”
Value = “value” //显示在按钮上的值
>
//支持onclick
7- 文件
<input
Type = “file”
Name = “name”
size = “size”
>
8- Hidden
<input
Type = “hidden”
Name = “name”
value = “value”
>
没有可视表示。其唯一目的是创建常量值的参数,更常见的是,隐藏域具有一个创建此HTML的Servlet或是Jsp动态度生成的值。
9- image
<input
Type = “image”
Name = “name”
src = “imageURL”
>
10- button 通用按钮
<input
Type = “button”
Name = “name”
value = “value”
>
必须定义onclick事件,javascript函数
11. 图像按钮
<input type=”image” src=”image-url” height = “n” width = “m” alt = “alternative-text” border=”0”>
12.2.2
<select
Name = “name”
Size = “number”
Multiple
>
<Option
Value = “value”
Selected
>
Text
</Option>
……
</select>
Multiple如果被指定,用户可以选择多个条目
Selected如果给出,预选择该条目
如果先择多个条目数据流如下
to=FI&to=MK&to=SP
//to 是select名字
//fi,mk,sp 是option值
12.2.3 textarea元素
<textarea
Name = “name”
Rows = “number” //行数
Cols = “number” //列数
>
Text和password是单行输入域,textarea元素多行输入。
12.1 From元素
<form
1- Action = “URI”
2- Method = “method”
3- Enctype =
4- Accept-charset =
5- Accept =
6- Name = “form name”
>
</form>
1- 点击确定后,创建一个HTTP请求,将所有窗体数据打包,发送到某服务器上的一个程序
2- 取值GET
窗体值作为一个查询字符串被附加到URI中。
在在浏览器地址行上的名字/取值对是可见的,发送密码不可取。
POST
窗体值提供为输入流
3- 1。Application /x-www-form-urlen coded
2。Multipart /form-data
1针对URL安全,针对GET
2.针对POST
如一个窗体包含名为product的输入域,其值为”Great Music @Home”,另一域为quantity,取值为3。
1.
product = Great+Music%40Home&quantity=3
2.
Post/someURI HTTP/1.0
Content-Type:multipart/form-data;boundary=7d025a324 c0138
Content-length=178
--7d025a324 c0138
Content-Disposition:form-data;name=”product”
Great Music@Home
--7d025a324 c0138
Content-Disposition:form-data;name=”quantity”
3
--7d025a324 c0138
///////////////////////////////////////////
7d025a324 c0138 为生成的随机的分隔字符串,作为边界
4- 很少用
5- 多数浏览器会忽略它
6- 引用窗体的名字
12.2.1 Input 标签创建的元素
<input
Type=”text|password|checkbox|radio|submit|reset|file|hidden|image|button”
Name=”name”
Value=”value”
Size=”size”
>
1- 文本
<input
Type = “text”
Name = “name”
Value = “value”
Size = “size”
Maxlength = “maxlength”
>
2- 密码
<input
Type = “password”
Name = “name”
Value = “value”
Size = “size”
Maxlength = “maxlength”
>
3- 检查框
<input
Type = “checkbox”
Name = “name”
Value = “value”
Checked //如给出则表明具有初始选择状态
>
4- 单选按钮
<input
Type = “radio”
Name = “name”
Value = “value”
Checked
>
5- 确认
<input
Type = “submit”
Name = “name”
Value = “value” //显示在按钮上的值
>
//支持onclick
6- 重置
<input
Type = “reset”
Name = “name”
Value = “value” //显示在按钮上的值
>
//支持onclick
7- 文件
<input
Type = “file”
Name = “name”
size = “size”
>
8- Hidden
<input
Type = “hidden”
Name = “name”
value = “value”
>
没有可视表示。其唯一目的是创建常量值的参数,更常见的是,隐藏域具有一个创建此HTML的Servlet或是Jsp动态度生成的值。
9- image
<input
Type = “image”
Name = “name”
src = “imageURL”
>
10- button 通用按钮
<input
Type = “button”
Name = “name”
value = “value”
>
必须定义onclick事件,javascript函数
11. 图像按钮
<input type=”image” src=”image-url” height = “n” width = “m” alt = “alternative-text” border=”0”>
12.2.2
<select
Name = “name”
Size = “number”
Multiple
>
<Option
Value = “value”
Selected
>
Text
</Option>
……
</select>
Multiple如果被指定,用户可以选择多个条目
Selected如果给出,预选择该条目
如果先择多个条目数据流如下
to=FI&to=MK&to=SP
//to 是select名字
//fi,mk,sp 是option值
12.2.3 textarea元素
<textarea
Name = “name”
Rows = “number” //行数
Cols = “number” //列数
>
Text和password是单行输入域,textarea元素多行输入。