表單Form簡介——表單按鈕
表單按鈕
表單是用來提交資料、意見,規範流程執行過程的格式。表單按鈕控制表單的運作。
下面介紹幾種常見的表單按鈕。
-
提交按鈕
提交按鈕用來將輸入的資訊提交到伺服器。
程式碼格式:<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')">
相關文章
- form表單的onSubmit事件簡單介紹ORMMIT事件
- 表單reset重置按鈕的作用並非是清空表單
- 表單元素的form屬性介紹ORM
- button按鈕提交form表單的js方法不要使用關鍵字loginORMJS
- tpextbuilder- Form表單UIORM
- 表單元素的form屬性用法介紹ORM
- html的reset按鈕的作用簡單介紹HTML
- js獲取form表單下所有表單元素JSORM
- js獲取表單元素所在的form表單物件JSORM物件
- 同一個form表單中有多個提交按鈕規定不同功能程式碼例項ORM
- HTML5中form表單功能介紹分享HTMLORM
- 表單驗證教程簡介
- EasyUI實現的form表單提交簡單程式碼例項UIORM
- js如何阻止表單提交簡單介紹JS
- 簡單介紹v-for中動態校驗el-form表單項的實踐ORM
- 設定按鈕失效的幾種方式簡單介紹
- formly-form 動態表單ORM
- form表單的元素及方法ORM
- Django教程(三) Django表單FormDjangoORM
- HTML標記之Form表單HTMLORM
- SpringMVC表單標籤簡介SpringMVC
- Vue資料驅動表單渲染,輕鬆搞定form表單VueORM
- vue 表單驗證按鈕事件交由父元件觸發Vue事件元件
- 13種常用按鈕、文字框、表單等CSS樣式CSS
- 可以被提交的表單元素簡單介紹
- Selenium測試form表單之下拉選單ORM
- 3,表單模組文件- layui-formUIORM
- Ant Design 元件 —— Form表單(一)元件ORM
- JavaScript 獲取form所有表單元素JavaScriptORM
- 清空form表單例項程式碼ORM單例
- Html form 表單提交前驗證HTMLORM
- jQuery表單外掛jQuery.formjQueryORM
- Selenium操作:測試form表單ORM
- 使用form-create生成表單元件ORM元件
- form表單只單個input框按Enter鍵頁面會自動重新整理ORM
- 表單提交後設定提交按鈕不可用狀態
- 一個簡單的選單按鈕的實現 (轉)
- element-ui的----el-form表單校驗巢狀表單校驗(表單多層巢狀)+el-table和el-form巢狀使用表單校驗UIORM巢狀