2008/11/1

FORM

FORM 宣告一個輸入元件的容器,可放入 INPUT, SELECT, TEXTAREA, BUTTON。用戶可在網頁的表格輸入資料,然後將資料上傳服務主機。可以利用 document.forms 讀取元素。

屬性說明
ACCEPT | ACCEPT-CHARSET | ACTION | ENCTYPE | METHOD | NAME | ONRESET | ONSUBMIT | TARGET
通用屬性

此元件可以使用通用屬性,請參考通用屬性的說明。


ACCEPT

可用來指定一個內容格式(content type)表,以便服務主機正確處理輸入表格。表中可列出多種格式,以『,』分隔。此表也可用來檢查用戶上傳的檔案,是否被允許?部份瀏覽器沒有支援此功能。


ACCEPT-CHARSET

設定服務主機可處理的文字編碼 表。文字編碼,例如 big5,UTF-8 等等,請參考文字編碼符號。表中可列出多種編碼,以『空白』或『,』分隔。主機每次只能處理表中的一種編碼的資料。預設值為『UNKNOWN』,主機 會以文件的編碼 處理輸入表格。


ACTION

內存網址(URI),指到服務主機的服務程式,此程式會處理用戶上傳的資料。

由於部落格沒有開放服務主機的程序,所以這個範例用了客戶電腦(也就是你的電腦)的 javascript。


ENCTYPE

當表格上傳方法是 post 時,此屬性指定上傳表格 所使用的內容型態。內容型態,又稱 MIME 媒體型態,請參考 MIME 媒體型態。預設值是 "application/x-www-form-urlencoded"。上傳檔案時,要用 "multipart/form-data"。


METHOD

上傳表格的方法,可選 get 或 post。
  • get:上傳的資料很短時,可用 get(get 方法 有最大長度限制)。資料會編成字串,接在 ACTION 所指定的網址(URI)之後。字串格式為 URI?name1=value1&name2=value2...。用 get 的好處是 可以設為客戶電腦的書籤。
  • post:當上傳的資料很大時,可設定 post,上傳的資料,放在請求服務的訊息主體中。

NAME

給予元件識別名,可用在風格表或客戶電腦程序(script)擷取元件。建議改用 ID。


ONRESET

ONRESET 指定一個客戶電腦程序。當要求清除表格時,會啟動此程序。


ONSUBMIT

ONSUBMIT 指定一個客戶電腦程序。當要求上傳表格時,會啟動此程序。例如程序可以先檢查客戶輸入的資料,是否格式有誤?正確時,才上傳服務主機;否則,顯示錯誤訊息。


TARGET

指定框架(frame)名稱,將服務主機處理上傳表格產生的結果,展現於其中。請參考詳細說明與範例



©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。