表單Form簡介——表單按鈕

weixin_33816300發表於2017-07-09

表單按鈕

表單是用來提交資料、意見,規範流程執行過程的格式。表單按鈕控制表單的運作。

下面介紹幾種常見的表單按鈕。

  • 提交按鈕

提交按鈕用來將輸入的資訊提交到伺服器。
程式碼格式:<input type="submit" name="..." value="...">
屬性解釋:
type="submit"定義提交按鈕;
name屬性定義提交按鈕的名稱;
value屬性定義按鈕的顯示文字;
樣例程式碼:

<input type="submit" name="mySent" value="傳送">
  • 復位按鈕

復位按鈕用來重置表單。
程式碼格式:<input type="reset" name="..." value="...">
屬性解釋:
type="reset"定義復位按鈕;
name屬性定義復位按鈕的名稱;
value屬性定義按鈕的顯示文字;
樣例程式碼:

<input type="reset" name="myCancle" value="取消">
  • 一般按鈕

一般按鈕用來控制其他定義了處理指令碼的處理工作。
程式碼格式:<input type="button" name="..." value="..." onClick="...">
屬性解釋:
type="button"定義一般按鈕;
name屬性定義一般按鈕的名稱;
value屬性定義按鈕的顯示文字;
onClick屬性,也可以是其它的事件,通過指定指令碼函式來定義按鈕的行為;
樣例程式碼:

<input type="button" name="myB" value="儲存" onClick="javascript:alert('it is a button')">

相關文章