HTML標籤 button和input type="button" 的具體區別

   HTML標籤 <button>和<input type="button"> 的具體區別

1)關閉標籤設置。<input>禁用關閉標籤</input>。閉合的寫法:<input type="submit" value="OK" />。

      <button>的起始標籤和關閉標籤都是必須的,如 <button>OK</button>。

2)<button>的值並不是寫在value屬性裏,而是在起始、關閉標籤之間,如上面的OK。同時<button>的值很廣泛,

     有文字、圖像、移動、水平線、框架、分組框、音頻視頻等。見《button按鈕設計初步》

3)可爲button元素添加CSS樣式。

     例如,<button style="width:150px;height:50px;border:0;"></button>

     其中:width:150px;height:50px; 爲按鈕的寬度、高度, 爲按鈕的背景色,

               border:0; 是去掉默認的邊框。見《button按鈕設計初步》

4)鼠標單擊事件、彈出信息的代碼可直接寫在<button>標籤中,方法簡單。

      例如,<button οnclick="alert('彈出信息的內容');window.open('打開網頁的地址')">按鈕名稱</button>

      其中:alert('彈出信息的內容'); 爲單擊時彈出的信息,window.open('打開網頁的地址') 爲打開的網頁。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章