可選的可以做按鈕的元素有如下幾個
a、input、button、div(span等)
場景一:需要禁用此按鈕
在此場景下可以排除a和div(span等)標籤,因為想禁用和解禁它們真的非常困難。
場景二:需要在form裡自定義執行事件
在form元素內,button預設是submit。
但是button也有type屬性,預設值是submit,還有其他兩個值是button和reset。如果設定成button,就是普通的按鈕,不會在form裡提交表單。
button支援和文字,但是在ie9及以下,$("button").val()和$("button").attr('value')都是返回標籤之間的內容,而其他瀏覽器返回標籤value屬性的值。
input雖然只能設定乙個value作為按鈕文字,但是可以和label結合,也能放在裡面。
根據以上場景來看,button和input是最適合做按鈕的,在各種情況下都完美勝任。
而且從語義化的角度考慮,button也最適合做按鈕。
綜上所述,請使用button做按鈕,但是需要標籤的內容和value屬性的值盡量保持一致。
注:很多人不用button做按鈕是因為它自帶預設樣式,而且每個瀏覽器可能都不一樣,懶得初始化所以用a標籤這樣的來做按鈕。
可以用過下面的css來初始化button的樣式
}
前端開發中最常見的12個HTML標籤錯誤
開發者在寫html 的時候一定要仔細,並熟練掌握html規則,因為一不留神則可能出現一些微小的錯誤,但有可能會導致嚴重的後果。本文列舉了一些在html中常見的錯誤,並且給出了如何避免錯誤的方法。相信這些方法會對前端開發者有一些幫助。錯誤1 巢狀錯誤 正確使用html tag的結束標記非常重要,htm...
前端隨筆初識前端HTML
html語言分成兩部分 標籤 標記,元素 長在尖括號後面的第乙個單詞 屬性長在標籤後面,用空格隔開的那個單詞 html檔案分成兩部分 頭部head,放描述性資訊 主體body,放可見的內容 結構 html標籤分成兩種 常規標籤 雙標籤 標籤名 屬性1 屬性值1 屬性2 屬性值2 內容 標籤名寫在尖括...
前端 html標籤
一 標題標籤 1 的字型最大,字型最小。與標籤的size屬性是相反的,標籤中size值為1,則最小 值為7,則最大。2 標題標籤必須是獨佔一行。3 使用 標籤,文字會變大加粗。但不要因為想讓文字變大加粗就加乙個標題標籤,這是不對的!可以使用或標籤來實現變大加粗。4 搜尋引擎會把文章中出現的 的標籤用...