html中的form不提交（排除）某些input 原創

在Html的form點擊提交時，form內所有Input filed的內容，只要是有name屬性的，并且沒有disabled屬性的，都會被提交，即通過網絡發送到指定的URL。這是正常情況，如果有不想提交的input屬性呢？

一、使用disabled屬性

添加disabled屬性是比較常用的方法。

<input type="hidden" name="name" value="" disabled>

但是添加了該屬性后，你是不可以在頁面上對該項內容進行修改的，也就是意味著即不能輸入，也不能獲取focus。

注意：type="hidden" 只是在頁面展示的時候隱藏，form在提交的時候依然會發出。

二、去掉name屬性

需要把name屬性lang去掉，這時候再提交Form，可以看到lang沒有了。

<input type="name" value="">

三、javascript移除

在submit的javascript函數里，調用remove方法把這個Input field給移除

<form id="form1" method="get" action="">
<input type="text" name="name" value="">
<input type="button" id="LoginId" value="GO" onclick="doLogin()">
</form>

上面的html代碼點擊提交按鈕GO, 對應的處理函數是formsubmit()。javascript中加入formsubmit()函數，增加如下代碼：

function formsubmit(){
    document.getElementById("name").remove();
    $("#form1").attr("action","你的提交url");
    $("#form1").submit();
}

如上代碼，formsubmit提交表單，會移除name屬性。

注意：如果你的提交url是跳轉到其他頁面，是沒有任何問題的；但是如果不跳轉，還是本頁面，不推薦這個方法，因為提交后的頁面name屬性的input消失了。

到此這篇關于html中的form不提交（排除）某些input的文章就介紹到這了,更多相關form不提交某些input內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持！