<button>提交IE

前段時間，我聽說使用<button></button>提交表單並不好 - 因爲IE提交按鈕的值而不是表單中的輸入。這是真的嗎？<button>提交IE

因爲目前我正在使用bootstrap，並且我有這個登錄按鈕，它也應該包含箭頭圖標。像：

<button type="submit" class="btn btn-primary" name="btnSubmit"> 
Login <i class="icon-arrow-right"></i> 
</button>

我看不到我應該如何與一個正常的輸入按鈕做到這一點：/

希望有人能回答這個問題！

謝謝你們！

2012-04-09 LucasRolff

您是否嘗試過加入'類= 「BTN BTN-主」'屬性的元素？它應該應用相同的樣式。 – q3d 2012-04-09 08:05:51

在IE（哪個版本?!）違反HTML 4規範的情況下是這樣。這是不正確的，如果IE是兼容的）。 http://www.w3.org/TR/REC-html40/interact/forms.html#edef-BUTTON – hakre 2012-04-09 08:05:53

@hakre - 這是一個在IE中的錯誤，或者說 - 兩個。 IIRC「所有按鈕元素總是成功」在IE7中修復，並且「按鈕元素提交其內容而不是它們的值屬性」在IE8（也許是9）中被修復，但只在標準模式下修復。 – Quentin 2012-04-09 08:11:26

這只是一個問題，如果您需要有多個提交按鈕並在服務器上區分它們。

如果你這樣做，你需要支持IE6，那麼你應該避免使用<button>元素，並且它們都將是成功的控件。

如果您需要支持IE7（也可能是IE8），那麼您可以給它們唯一的名稱並在服務器上測試以查看哪些名稱出現在數據中（同時完全忽略該值）。

2012-04-09 08:14:54 Quentin

我只需要支持，對於IE7,8,9，我會嘗試將它搞亂，看看發生了什麼事，當我回到Windows電腦時。 – LucasRolff 2012-04-09 09:47:01

只是使用輸入。 CSS樣式對於輸入的工作方式相同。你卡恩也解決與你的CSS按鈕：

.btn_primary input[type="submit"]

這在GTE IE6的作品。

HTML

<input type="submit" name="btnSubmit" class="btn btn_primary" />

2012-04-09 08:17:38 Mohammer

這不完全是我的問題對不起。輸入的樣式很好，但它應該包括我的標籤。 – LucasRolff 2012-04-09 09:47:44

sry，我的錯！使用一個背景圖像將是另一個解決方案，包含圖標的背景圖像。這就是我所有提交按鈕的樣式 – Mohammer 2012-04-09 09:54:07

回答