提交按鈕
在表單中有兩種按鈕可以使用,分別為:提交按鈕、重置。這一小節講解提交按鈕:當用戶需要提交表單信息到服務器時,需要用到 提交按鈕 。
語法 :
type :只有當type值設置為submit時,按鈕才有提交作用
value : 按鈕上顯示的文字
舉例 :
在瀏覽器中顯示的結果:
表單元素之提交按鈕
表單元素的按鈕類型我們可以分為三種:
提交和重置按鈕只能在表單中使用,普通按鈕則可以在網頁的任何地方都可以使用。
當submit按鈕被單擊時,按鈕所在表單中的數據將自動提交到服務器,并不需要編寫任何腳本。
ret按鈕被單擊時,按鈕所在的表單中的所有元素都將被清空,或者是設置為元素的默認值。(頁面第一次加載時元素所具有的值)
動手小練習
html中提交按鈕和重置按鈕代碼,要怎么輸入?
需要準備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
2、在index.html中的<body>標簽中,輸入html代碼:<input type="submit" /><input type="ret" />。
3、瀏覽器運行index.html頁面,此時成功實現了提交按鈕和重置按鈕。
在HTML5中button和submit有什么分別?
button-普通按鈕,submit-提交按鈕;
submit按鈕一般出現在網頁上需要提交信息到服務器是才使用,
考頁面編輯人員決定,例如在同一天網頁表單上,用戶輸入時可能輸入錯誤或是偏差,則可以在網頁上創建一個button-清除(重置)按鈕,
一張表單可以有多個普通按鈕,且至少有一個提交按鈕(需提交表單網頁)。
Sumit提交表單,Button需要綁定事件才可以用提交數據
不可以的,比如說你想實現局部刷新,就不能用Sumit了,用Button綁定事件就好了,如果用Sumit綁定事件的話,在觸發事件的同事,也會提交表單的。。。。。。
submit需要有表單時,提交時才會帶數據。而button默認是不提交任何數據。那么它們的區別就出來了,如果沒有表單的話,又想通過提交某些數據給后臺進行回應,則需要通過button,當然使用submit也可以,但是前提要攔截onclick事件。當有表單的時候,如果提交的數據很多,那么使用submit比button要好,可以減少很多數據的獲取動作。在很多情況下,提交數據是要使用JS進行校驗的,但如果這時候用戶禁用了JS,那么校驗就失效了,如果后臺也沒有進行校驗,那么不合法的數據就進入后臺了。通常的做法是通過button提交數據,那么如果用戶禁用JS
,那么數據提交動作就激活不了,
這樣能夠保證提交到后臺的數據是經過前臺校驗的。
Sumit提交表單,Button需要綁定事件才可以用提交數據
不可以的,比如說你想實現局部刷新,就不能用Sumit了,用Button綁定事件就好了,如果用Sumit綁定事件的話,在觸發事件的同事,也會提交表單的。。。。。
HTML提交按鈕的問題
<!-- method代表接受方式 post/get
form action 屬性規定當提交表單時,向何處發送表單數據。 -->
<form action="#" method="post"/>
<!--label復選框的光標方便用戶選中,可加可不加。 -->
<label for="ur">名字:</label><input type = "text" id="ur" name="ur" size="15" value="請寫上你的用戶名" maxlength="15"/></br>
<label for="title">標題:</label><input type = "text" id="title" name="title" size="25" value="請輸入標題" maxlength="25"/></br>
<label for="content">內容:</label></br><textarea id="content" name="content" rows="9" cols="35" value="plea" wrap="off"/></textarea></br>
<input type="submit" id="submit" name="submit" value="發布" />
<input type="submit" value="提交" style="width:80px;height:100px;color:red; background-color:#3FF">