HTML <button> 和 input type=“button”的區別：

1. <button>標簽里可以放文本圖片等內容，與<input>創建的按鈕不同。

2. <input>中的button通常與javascript一起使用啟動腳本。如：<input type="button" value="點我" οnclick="msg()"> 。

3. 如果在 HTML 表單中使用 <button> 元素，不同的瀏覽器可能會提交不同的按鈕值。通常用<input>在 HTML 表單中創建按鈕。

input type="submit" 和"button"的區別：

1. button只是一個按鈕，不寫javascript什么也不會發生。

2. submit點擊后會自動提交form，除非寫javascript來阻止。

總結：

在一個頁面上畫一個按鈕，有四種辦法：

• <input type="button" />?這就是一個按鈕。如果你不寫javascript 的話，按下去什么也不會發生。
• <input type="submit" />?這樣的按鈕用戶點擊之后會自動提交 form，除非你寫了javascript 阻止它。
• <button>?這個按鈕放在 form 中也會點擊自動提交，比前兩個的優點是按鈕的內容不光可以有文字，還可以有圖片等多媒體內容。（當然，前兩個用圖片背景也可以做到）。它的缺點是不同的瀏覽器得到的 value 值不同；可能還有其他的瀏覽器兼容問題。
• 其他標簽，例如 a, img, span, div，然后用圖片把它偽裝成一個按鈕。

onclick和onsubmit的區別

<input type="button" value="點我" ο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>

總結

以上是生活随笔為你收集整理的HTML button 和 input type=“button”的区别 / input type=submit 和button的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。