input type="submit" 和"button"的區(qū)別

在一個(gè)頁(yè)面上畫一個(gè)按鈕，有四種辦法：

這就是一個(gè)按鈕。如果你不寫javascript 的話，按下去什么也不會(huì)發(fā)生。

這樣的按鈕用戶點(diǎn)擊之后會(huì)自動(dòng)提交 form，除非你寫了javascript 阻止它。

這個(gè)按鈕放在 form

中也會(huì)點(diǎn)擊自動(dòng)提交，比前兩個(gè)的優(yōu)點(diǎn)是按鈕的內(nèi)容不光可以有文字，還可以有圖片等多媒體內(nèi)容。（當(dāng)然，前兩個(gè)用圖片背景也可以做到）。它的缺點(diǎn)是不同的瀏覽器得到的

value 值不同；可能還有其他的瀏覽器兼容問(wèn)題。

其他標(biāo)簽，例如 a, img, span, div，然后用圖片把它偽裝成一個(gè)按鈕。

需要強(qiáng)調(diào)的一點(diǎn)是，其實(shí)不是一個(gè)畫面元素，而是一個(gè)表單（Form）元素，和文本輸入是一樣的，都屬于“數(shù)據(jù)”的一部分（特征是，有value屬性，而且該屬性的值，會(huì)被傳送到server端，可以拿來(lái)用），而不是樣式的一部分。這種表現(xiàn)和數(shù)據(jù)混淆的設(shè)計(jì)，是早期web標(biāo)準(zhǔn)還比較簡(jiǎn)陋的時(shí)代的遺產(chǎn)。

從畫面表現(xiàn)上看，通過(guò)CSS可以把兩者描繪得完全一樣。

從畫面動(dòng)作上看，通過(guò)JS可以強(qiáng)制兩者動(dòng)作也一致（都提交或者都不提交）。

但是只有表單數(shù)據(jù)這個(gè)特性，是無(wú)法混淆的。

無(wú)法把自己當(dāng)成Form的數(shù)據(jù)。所以，如果只是個(gè)單純的按鈕，觸發(fā)一些畫面動(dòng)作，請(qǐng)使用；反之，會(huì)把畫面的數(shù)據(jù)提交給Server的，一般用，當(dāng)然+JS也完全可以取代。

Submit是專門用于提交表單的Button，與Button的區(qū)別主要有兩點(diǎn)：

Type=button 就單純是按鈕功能

Type=submit 是發(fā)送表單

(1)Submit將表單提交(form.submit())作為其onclick后的默認(rèn)事件，Button并非如此

(2)表單提交時(shí)，所有具有name屬性的html輸入元素(包括input標(biāo)簽、button標(biāo)簽、select標(biāo)簽等)都將作為鍵值對(duì)提交，除了Submit對(duì)象。Submit對(duì)象只有在自己被單擊后的提交中才會(huì)作為鍵值對(duì)被提交。

但是對(duì)于從事WEB UI的人應(yīng)該要注意到，使用submit來(lái)提高頁(yè)面易用性：

使用submit后，頁(yè)面支持鍵盤enter鍵操作，而很多WEB軟件設(shè)計(jì)師，可能沒有注意到submit統(tǒng)一.

用button后往往頁(yè)面不支持enter鍵了。所以需要支持enter鍵，必須要設(shè)置個(gè)submit，默認(rèn)enter鍵對(duì)頁(yè)面第一個(gè)submit進(jìn)行操作。

執(zhí)行完onClick，轉(zhuǎn)到action。可以自動(dòng)提交不需要onClick。所以說(shuō)onclick這里可以不要。

執(zhí)行完onClick，跳轉(zhuǎn)文件在 js文件里控制。提交需要onClick。

比如：

1，onclick=“form1.action=‘a(chǎn).jsp’;form1.submit();” 這樣就實(shí)現(xiàn)了submit的功能了。

講白一些，就是submit會(huì)有一個(gè)跳轉(zhuǎn)，頁(yè)面會(huì)刷新；而button不會(huì)刷新，就是一個(gè)button；可以用

來(lái)生成按鈕，更加靈活，樣式更好控制。

 

web前端

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。