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元素多行輸入。