自動從HTML中刪除表格標籤

我有一個包含兩個輸入元素的簡單表單。自動從HTML中刪除表格標籤

<form class="submitform"> 
    <input class="remove_list_items clear_button" type="button" value="A"/> 
    <input id="logIn_submit" class="clear_button" type="button" value="B" /> 
</form>

我看到寫在源代碼中的表單。但是，當我檢查輸入元素（右鍵單擊>檢查元素/ F12）時，表單標記簡單地消失（我也可以通過輸入元素是100％而不是通過窗體（通過css）
奇怪的是，如果我複製源代碼中的表單代碼（CTRL + U），通過檢查元素（F12）編輯代碼並替換代碼，則所有內容都應該如其所示。在源代碼（這是工作，如果我通過編輯檢查元素）：

<form class="submitform"> 
    <input class="remove_list_items clear_button" type="button" value="A"/> 
    <input id="logIn_submit" class="clear_button" type="button" value="B" /> 
</form>

代碼，我通過檢查元素在頁面加載時（注意FOR見中號標籤丟失）：

<input class="remove_list_items clear_button" type="button" value="A"/> 
<input id="logIn_submit" class="clear_button" type="button" value="B" />

這無論是在Chrome和IE中10
我有正確顯示頁面上的其他形式的發生。
任何想法爲什麼會發生這種情況？

來源

2014-04-22 Bdevelle

你可以在jsFiddle.net的例子中重現這個嗎？ – j08691

你可以在現場演示網站上重現這一點，例如[JS Fiddle]（http://jsfiddle.net/）？因爲這不應該出於任何原因，假設你的HTML是有效的，順便說一下，你有沒有嘗試在'form'元素中添加'actoion'和'method'屬性？ –

你在代碼中有更多的開放式表單標籤嗎？ – Jrod

刪除所有尚未關閉的額外開放表格標籤。

Chrome會嘗試修復無效的HTML，但並不總是正確。

來源

2014-04-22 20:54:32 Jrod

如果您不確定，請使用Chrome瀏覽器中的view-source（或其他瀏覽器中的相同功能）來獲取提供給瀏覽器的原始html。然後通過一個HTML驗證器[像這樣]運行它（https://validator.w3.org/#validate_by_input），然後你應該能夠找到任何格式不正確的HTML。 – wspurgin

這可能有點不好意思，但我在ASP.net webform上工作時沒有控制包裝表單，我注意到它只刪除了它找到的第一個嵌套表單，我在消失的表單上添加了一個空的

，並做了訣竅（我的嵌套形式保持不變） – webkit

謝謝你一百次！避免浪費一晚！ –

自動從HTML中刪除表格標籤

回答

相關問題