2018年12月17日 星期一

DW_PHP_AJAX_CH3 表單的設計與規劃_(2)實作表單_布置按鈕

按鈕的類型可透過其type屬性設定, 預設的類型為「送出」(Submit), 代表按下之後瀏覽器會傳送資料到伺服器上, 除了「送出」之外, 按鈕可設定的類型還有「重設」(Reset)及「無」(Button), 「重設」可用來清除表單中的資料, 讓表單中已變更的欄位值回到初始狀態, 「無」按鈕則用來啟動瀏覽器的Script程式。

1. 在「分割」編輯模式下, 將游標置於「留言」文字區域的最後方, 按下Shift+Enter鍵進行斷行。
2. 在設計視窗中, 按下工具列上的按鈕工具按鈕來加入「按鈕」。
3. 在屬性對話框中, 由於按鈕並不需要進行標籤的設定, 所以可直接按下「取消」按鈕來結束對話框。


4. 選取加入的按鈕, 可在屬性面板的「值」欄位中變更出現在按鈕上的文字。

 5. 重複上列步驟, 佈置一個可用來清除表單中的資料, 讓表單中已變更的欄位值回到初始狀態的「重設」按鈕。


完成的表單如下圖所示, 完整範例網頁請參考myForm.htm。

沒有留言:

張貼留言