| ｜Form｜Text｜Password｜Hidden｜Radio｜Checkbox｜Select｜Textarea｜File｜Image｜ | |
|---|---|
| 表單處理 |
|
|
Button / Submit / Reset | |
基本語法 | |
| Button / Submit / Reset 都不是獨立的元件，它們是 Input 元件的一種使用型態。其基本語法如下： | |
| <input type="Button" name="名稱" value="顯示值" onClick="事件處理程序"> | |
| <input type="Submit" name="名稱" value="顯示值" onClick="事件處理程序"> | |
| <input type="Reset" name="名稱" value="顯示值" onClick="事件處理程序"> | |
| Button / Submit / Reset 在瀏覽器上呈現的外觀完全相同，都是個按鈕。 | |
|
參數說明 | |
| name 係指該元件的名稱，例如：toSubmit。在事件處理程序中，您可以用 document.FormName.toSubmit 來稱呼它。 | |
| 顯示在按鈕上的文字即是依 value 而定。 | |
| 當按鈕被滑鼠所點選時，將引發 onClick 事件，您可以將欲進行的相關程序定義在此。 | |
| 其他參數的使用請自行參閱 HTML Specification。 | |
|
使用範例 | |
| Submit 主要用來送出 form 中的資料。當它被按下時，將會同時引發 form 本身的 onSubmit 事件。 | |
| Reset 主要用來重置 form 中的資料，將所有元件的內容均還原到預設狀態。當它被按下時，將會同時引發 form 本身的 onReset 事件。 | |
| Button 是用來產生一個外觀像按鈕的元件，若不指定 onClick 時該進行哪些處理程序的話，則此按鈕將起不了什麼作用。 | |
| 以下這兩份表單分別使用 Submit 與 Button 來送出 form 的資料，效果是一樣的： | |
|
<form action="act.php" name="DemoForm" onsubmit="return Final_Check( );"> ...... ...... <input type="submit" value="確定"> </form> | |
|
<form action="act.php" name="DemoForm"> ...... ...... <input type="button" value="確定" onClick="if ( Final_Check( ) ) document.DemoForm.submit();"> </form> | |
|
| |
| ｜Form｜Text｜Password｜Hidden｜Radio｜Checkbox｜Select｜Textarea｜File｜Image｜ | |