關(guān)于它們有很多傳說。我想知道真相。以下兩個示例之間有什么區(qū)別？<input type='submit' value='text' /><button type='submit'>text</button>
3 回答
慕姐8265434
TA貢獻1813條經(jīng)驗 獲得超2個贊
不確定從何處獲得傳說，但：
提交按鈕 <button>
與：
<button type="submit">(html content)</button>
IE6將在標(biāo)記之間提交此按鈕的所有文本，其他瀏覽器將僅提交值。使用<button>可使您在按鈕的設(shè)計上享有更大的布局自由度。乍一看，它的所有意圖和目的似乎都很出色，但是各種瀏覽器的怪癖使其有時很難使用。
在您的示例中，IE6將發(fā)送text到服務(wù)器，而其他大多數(shù)瀏覽器將不發(fā)送任何內(nèi)容。要使其跨瀏覽器兼容，請使用<button type="submit" value="text">text</button>。更好的是：不要使用該值，因為如果添加HTML，則在服務(wù)器端收到的內(nèi)容將變得非常棘手。相反，如果必須發(fā)送額外的值，請使用隱藏字段。
帶按鈕 <input>
與：
<input type="button" />
默認情況下，這幾乎不執(zhí)行任何操作。它甚至不會提交您的表格。您只能在按鈕上放置文本，并通過CSS為其指定大小和邊框。其最初（當(dāng)前）的意圖是執(zhí)行腳本，而無需將表單提交給服務(wù)器。
正常提交按鈕，帶有 <input>
與：
<input type="submit" />
像前者一樣，但實際上提交了周圍的表格。
圖片提交按鈕 <input>
與：
<input type="image" />
與前一個（提交）一樣，它也將提交一個表單，但是您可以使用任何圖像。這曾經(jīng)是需要提交表單時將圖像用作按鈕的首選方式。為了獲得更多控制，<button>現(xiàn)在使用。這也可以用于服務(wù)器端圖像映射，但是如今這很少見。當(dāng)使用usemap-attribute和（帶有或不帶有該屬性）時，瀏覽器會將鼠標(biāo)指針的X / Y坐標(biāo)發(fā)送到服務(wù)器（更確切地說，是單擊鼠標(biāo)時按鈕內(nèi)的鼠標(biāo)指針位置）。如果您只是忽略這些額外功能，那無非就是偽裝成圖像的提交按鈕。
瀏覽器之間有一些細微的差異，但是除了上述<button>標(biāo)記外，所有瀏覽器都將提交值屬性。
Qyouu
TA貢獻1786條經(jīng)驗 獲得超11個贊
使用<button>，您可以使用img標(biāo)簽等，其中文本是
<button type='submit'> text -- can be img etc. </button>
使用<input>類型，您只能使用文字
holdtom
TA貢獻1805條經(jīng)驗 獲得超10個贊
綜上所述 ：
<input type="submit">
<button type="submit"> Submit </button>
默認情況下，兩者都將在視覺上繪制一個執(zhí)行相同操作的按鈕（提交表單）。
但是，建議使用<button type="submit">它，因為它具有更好的語義，更好的ARIA支持并且更易于樣式設(shè)置。
添加回答
舉報
0/150
提交
取消