前端 HTML中最適合做按鈕的元素

2022-03-19 14:00:58 字數 676 閱讀 6917

可選的可以做按鈕的元素有如下幾個

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 搜尋引擎會把文章中出現的 的標籤用...