HTML button 和 input type=“button”的区别 / input type=submit 和button的区别
HTML <button> 和 input type=“button”的區(qū)別:
1. <button>標(biāo)簽里可以放文本圖片等內(nèi)容,與<input>創(chuàng)建的按鈕不同。
2. <input>中的button通常與javascript一起使用啟動(dòng)腳本。如:<input type="button" value="點(diǎn)我" οnclick="msg()"> 。
3. 如果在 HTML 表單中使用 <button> 元素,不同的瀏覽器可能會(huì)提交不同的按鈕值。通常用<input>在 HTML 表單中創(chuàng)建按鈕。
input type="submit" 和"button"的區(qū)別:
1. button只是一個(gè)按鈕,不寫javascript什么也不會(huì)發(fā)生。
2. submit點(diǎn)擊后會(huì)自動(dòng)提交form,除非寫javascript來(lái)阻止。
總結(jié):
在一個(gè)頁(yè)面上畫(huà)一個(gè)按鈕,有四種辦法:
- <input type="button" />?這就是一個(gè)按鈕。如果你不寫javascript 的話,按下去什么也不會(huì)發(fā)生。
- <input type="submit" />?這樣的按鈕用戶點(diǎn)擊之后會(huì)自動(dòng)提交 form,除非你寫了javascript 阻止它。
- <button>?這個(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è)按鈕。
onclick和onsubmit的區(qū)別
<input type="button" value="點(diǎn)我" οnclick="msg()">
<form name="testform" action="jsref_onsubmit.asp" onsubmit="alert('Hello ' + testform.fname.value +'!')">What is your name?<br /> <input type="text" name="fname" /> <input type="submit" value="Submit" /></form>
總結(jié)
以上是生活随笔為你收集整理的HTML button 和 input type=“button”的区别 / input type=submit 和button的区别的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 方立勋_30天掌握JavaWeb_JSP
- 下一篇: HTML实现贪吃蛇