HTML窗体 (Jsp技术大全)

发表于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元素多行输入。