標籤:maxlength 檔案 提交 javascrip for 發送資料 type encode 指定
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) (單行文字框)
-
- <input type=”text” [name=”txtName”] [value=””] [size=””] [maxlength=””] readOnly=”readOnly”/>
- value:
- size:輸入內容大於指定size--可繼續輸入並滾動顯示多餘部分資訊
- maxlength:輸入內容長度大於maxlength--無法繼續輸入
- readOnly:唯讀,不能添加修改內容
3.列表框
4.組合框
5.複選框
6.選項按鈕
7.按鈕
JavaScript與表單控制項