| |Text|Password|Hidden|Radio|Checkbox|Select|Textarea|File|Button / Submit / Reset|Image| | |
|---|---|
| 表單處理 |
|
|
Form | |
基本語法 | |
|
<Form name = "Form Name" action = "資料處理程式的URI" method = "GET/POST" target = "顯示資料處理程式的視窗名稱" enctype = "application/x-www-form-urlencoded/multipart/form-data" OnReset = "事件處理程序" OnSubmit = "事件處理程序"> ……… </Form> | |
| 例: | |
|
<Form name = "MyForm" action = "D_1.php" method = "GET" OnSubmit = "return Final_Check();"> ……… </Form> | |
參數說明 | |
| name 係指該 form 的名稱,例如:UserLogin。在事件處理程序中,若要存取本 form 的任何資料時,您可以用 document.UserLogin 來稱呼它;如果省略不寫的話,您也可以用 document.forms[0] 來稱呼它(說明:forms[0] 係指網頁中的第一個 form 而言,若還有第二個、第三個 form 的話,請依序用 forms[1], forms[2])。 | |
| action 係指該 form 被使用者送出之後,負責接收與處理資料的程式之 URI(Uniform Resource Identifiers)。如果省略不寫的話,IE 會以該 form 所在程式的 URI 取代之,Netscape 則不會。 | |
| method 用以規範該 form 被送出時,所採用的 HTTP method,預設值是 GET。 | |
| POST 方法是將資料包裝在 HTTP 標頭內傳送給 Web server;而 GET 方法則是將資料直接加在 URI 之後。 | |
| 使用 GET method 所能傳遞的資料有限(連同 URI 共 255 字元),在需要上傳大量資料或檔案時,請使用 POST method。 | |
| 不過,由於 GET method 係將資料直接加在 URI 之後,所以對瀏覽器而言,它將被視為 URI 的一部份,也能被 cache 在使用者端的電腦中,不至於在畫面上看到「警告:網頁已經過期......」的字句。 | |
| target 指的是負責接收與處理資料的程式所在的視窗或 Frame 名稱。如果不指定的話,則預設為原來的視窗或 Frame。 | |
| enctype 用以規範該 form 被送出時,所採用的 content type。可用的值有兩種:application/x-www-form-urlencoded(預設值)與 multipart/form-data。 | |
| 當您打算透過表單來上傳檔案時,請務必將 enctype 設為 multipart/form-data,同時 method 也要設為 POST 才行。 | |
| OnReset 可以用來設定使用者按下 RESET 鍵時,您希望觸發的事件處理程序。 | |
| OnSubmit 可以用來設定使用者按下 SUBMIT 鍵或是點選 IMAGE 元件時,您希望觸發的事件處理程序。例如:OnSubmit="return Final_Check( );"。 | |
| Final_Check( ) 是一個自定的函數,用來檢查使用者的輸入內容。若通過它的檢查(傳回 true),則該 form 的資料得以送出;否則(傳回 false),瀏覽器會擱置 submit 的動作。 | |
|
| |
| |Text|Password|Hidden|Radio|Checkbox|Select|Textarea|File|Button / Submit / Reset|Image| | |


基本語法