input type="button" 和button

在一個頁面上畫一個按鈕,有四種辦法:

1、? <input type="button" />?這就是一個按鈕。如果你不寫javascript 的話,按下去什么也不會發生。

2、? <input type="submit" />這樣的按鈕用戶點擊之后會自動提交 form,除非你寫了javascript 阻止它。

3、<button> ?這個按鈕放在 form 中也會點擊自動提交,比前兩個的優點是按鈕的內容不光可以有文字,還可以有圖片等多媒體內容。(當然,前兩個用圖片背景也可以做到)。

它的缺點是不同的瀏覽器得到的 value 值不同;可能還有其他的瀏覽器兼容問題。

<button>無法把自己當成Form的數據,所以,如果只是個單純的按鈕,觸發一些畫面動作,請使用<button/>。反之,會把畫面的數據提交給Server的,一般用<input type="submit" />,當然<button>+JS也完全可以取代

4、其他標簽,例如 a, img, span, div,然后用圖片把它偽裝成一個按鈕。

注意:在 HTML <form>中使用 button 元素,不同的瀏覽器會提交不同的值。Internet Explorer 將提交<button><button/>之間的文本,而其他瀏覽器將提交 value 屬性的內容。請在 HTML 表單中使用<input>來創建按鈕。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,180評論 4 61
  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,497評論 0 17
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,784評論 1 92
  • Swift版本點擊這里歡迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh閱讀 25,508評論 7 249
  • 李白 你是一個天才 你讓我懂得了 “對飲成三人”的愁絲 只是透過窗欞 我只能看見一彎殘月 你照不見我的腳步 又怎能...
    月半月閱讀 174評論 1 1