JavaScript與表單控件

1.表單控件

a) 在HTML中表單控件是客戶端與服務器進行數據傳輸的工具，用來收集客戶端的信息，並允許客戶端的用戶以標準格式向服務器提交數據

b) <form name=”frmName” action=”frmAction” [method=”post(默認)/get” [target=”targetType”] [enctype=””]></form>--[]表可選

c)

。name:表單名稱；指定名稱後方便對form進行控制

。action:指定表單處理程序的URL地址

。method:指定form的提交方法；可選，默認post

.post:將表單信息附加在action指定的URL地址之後組成新的URL；

地址與表單信息之間以“？”分隔；

各數據之間以“&”連接；

URL長度限定在8192字符內，如果發送數據過大則會被截斷

.get：把數據作為獨立的數據塊，與URL分開；

長度不受限定；

數據加密，不會在地址欄顯示

。target:指定form提交後目標文檔顯示的方式;可選；默認_self

._self:在當前使用窗口打開目標文檔

._blank:在新的窗口打開目標文檔

._parent:在當前窗口的父窗口打開目標文檔

._top:在當前窗口內打開目標文檔並確保目標文檔占用整個窗口

。enctype：指定form提交時的編碼方式；可選，默認application/x-www-form-urlencoded

.text/plain:純文本編碼

.application/x-www-form-urlencoded:URL編碼，默認編碼方式

.multipart/form-data:MIME編碼；上傳文件時必須使用

d) 事件

。onSubmit:提交

。onReset:重置

2.文本框

a) 文本框中的信息可編輯，需要修改某些信息時可使用文本框在客戶端與服務器之間傳輸數據

b) （單行文本框）

1. 1. <input type=”text” [name=”txtName”] [value=””] [size=””] [maxlength=””] readOnly=”readOnly”/>
   2. value:
   3. size：輸入內容大於指定size--可繼續輸入並滾動顯示多余部分信息
   4. maxlength：輸入內容長度大於maxlength--無法繼續輸入
   5. readOnly：只讀，不能添加修改內容

3.列表框

4.組合框

5.復選框

6.單選按鈕

7.按鈕

JavaScript與表單控件