這是我的第一篇博客，如果寫的不好，請見諒 這是一個關於button按鈕一個小問題 最近剛開學跟著老師一起寫代碼，在模仿JAVA web程式設計（慕課版） P61頁第三章 Ajax處理XML的代碼中發現了一個問題， 我的代碼在點擊獲取按鈕後會突然閃現留言並消失，然後點擊四次按鈕後會出現結果。 在詢問老 ...
這是我的第一篇博客，如果寫的不好，請見諒
這是一個關於button按鈕一個小問題
最近剛開學跟著老師一起寫代碼，在模仿JAVA web程式設計（慕課版） P61頁第三章 Ajax處理XML的代碼中發現了一個問題， 我的代碼在點擊獲取按鈕後會突然閃現留言並消失，然後點擊四次按鈕後會出現結果。
在詢問老師後，老師幫我將修改代碼
<button onclick="getResult()">獲取詳細信息</button>
修改為
後可以一次就成功
後來我發現
也可以一次成功
在查閱網上資料後發現button 如果不加type=“type” 會自動提交而不是指向onclick里的函數
通過這個問題我又去尋找了關於<button>和<input type="button">的區別
以下內容來自https://blog.csdn.net/u010458114/article/details/79371304
<button>和<input type="button"> 的區別
一句話概括主題：<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加強大。
<button>比<input>更厲害的地方就在於它可以包含內容。它的值並不是寫在value屬性里，而是包含在標簽中。如：<button>OK</button>。<button>的起始標簽和關閉標簽都是必須的。這樣你便獲得了樣式化的主導權。
你可以這樣寫：<button><strong>OK</strong>, I do.</button>，甚至是插入圖片：<button><img src="http://jianzhong5137.blog.163.com/blog/button.gif" alt="" />, it's great.</button>。有點類似於<input type="image">，但是顯然強大多了。
最後要註意的是，被<button>包含的圖片，不能使用熱點地圖，即不能<img src="http://jianzhong5137.blog.163.com/blog/foo.gif" usemap="..." />，這是不合法的。當然也不能再包含諸如input, select, textarea, label, button, form, fieldset, iframe,和isindex（不推薦使用）元素了。
1、關閉標簽設置。<input>禁用關閉標簽</input>。閉合的寫法：<input type="submit" value="OK" />。
<button>的起始標簽和關閉標簽都是必須的，如 <button>OK</button>。
2、<button>的值並不是寫在value屬性里，而是在起始、關閉標簽之間，如上面的OK。同時<button>的值很廣泛，
有文字、圖像、移動、水平線、框架、分組框、音頻視頻等。
3、可為button元素添加CSS樣式。
例如，<button style="width:150px;height:50px;border:0;"></button>
其中：width:150px;height:50px; 為按鈕的寬度、高度， 為按鈕的背景色，
border:0; 是去掉預設的邊框。
4、滑鼠單擊事件、彈出信息的代碼可直接寫在<button>標簽中，方法簡單。
例如，<button onclick="alert('彈出信息的內容');window.open('打開網頁的地址')">按鈕名稱</button>
其中：alert('彈出信息的內容'); 為單擊時彈出的信息，window.open('打開網頁的地址') 為打開的網頁。
