表單及表單中常用的控件

表單的作用是提供給客戶端和服務器端的交互

1.form:表單

     格式:<form method=? action=?>

                   表單中控件的定義

              </form>

     method:設置表單的信息傳輸方式,主要取值有post和get

     action:設置利用哪個文件(頁面)來處理所提交的數據

2.text:單行文本框

     格式:<input type=text name=? size=? maxlength=? value=?>

     name:該控件的名稱

     size:文本框中當前能顯示的最大字符數

     maxlength:可進入到文本框中的最大字符數

     value:文本框中的初始字符

3.password:密碼文本框

     格式:<input type=password name=? size=? maxlength=? value=?>

              此時輸入到密碼文本框中的回顯字符爲*

     name:該控件的名稱

     size:文本框中當前能顯示的最大字符數

     maxlength:可進入到文本框中的最大字符數

     value:文本框中的初始字符

4.textArea:多行文本區

     格式:<textArea name=? rows=? cols=?></textArea>

     rows:多行文本區的可視行數

     cols:多行文本區的可視列數

5.radio:單選按鈕

     格式:<input type=radio name=? value=? checked>

     name:該按鈕的名稱

     value:該按鈕的值

     checked:設置該按鈕的初始狀態爲選中狀態

     注意:同一組的單選按鈕,它們的name屬性必須設置爲統一名稱,這樣才能實現在同一時刻只有一個按鈕被選中的功能

6.checkbox:複選按鈕

     格式:<input type=checkbox name=? value=? checked>

     name:該按鈕的名稱

     value:該按鈕的值

     checked:設置該按鈕的初始狀態爲選中狀態

7.下拉列表框

     格式:<select name=? size=1 οnchange=?>

                   <option value=? selected>選項名</option>

                   <option>......</option>

              </select>

     size:下拉列表框的該屬性值只能爲1,表示一次只能顯示一個選項

     onchange:當下拉列表框的任一選項的狀態(包括選中與不選中)改變時,將觸發onchange事件

     selected:設置指定選項爲下拉列表框的初始顯示選項

     value:指定選項的值

8.列表框

     格式:<select name=? size=? Multiple>

                   <option value=? selected>選項名</option>

                   <option>......</option>

              </select>

     size:列表框的該屬性值不能爲1,它的值決定了列表框中一次能顯示的選項數

     Multiple:設置該列表框可以同時選中多個選項

9.button:按鈕

     格式:<input type=button name=? value=? οnclick=?>

     name:該控件的名稱

     value:按鈕上的標題

     onclick:單擊按鈕時候觸發的事件

10.submit:提交按鈕

     其作用是當用戶單擊submit按鈕時,表單中的信息將被髮送到服務器端進行處理,服務器將處理過的Html文件或Jsp文件返回到客戶端進行顯示

     格式:<input type=submit name=? value=?>

     name:該控件的名稱

     value:提交按鈕上的標題

11.reset:取消按鈕

     其作用是指示瀏覽器把表單的輸入內容重置爲初始狀態

     格式:<input type=reset name=? value=?>

     name:該控件的名稱

     value:取消按鈕上的標題

12.hidden:隱含控件

     該控件在運行時是看不見的,它可以用來存儲數據

     格式:<input type=hidden name=? value=?>

     name:該控件的名稱

     value:該控件中所存儲的數據

 

注意:對於單選框,複選框,下拉列表框以及列表框,利用request對象讀取的是其value屬性的值,一般將他們的value值設置成與其顯示的值相同

 

 

 

 

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章