在Html的form點(diǎn)擊提交時(shí)，form內(nèi)所有Input filed的內(nèi)容，只要是有name屬性的，并且沒(méi)有disabled屬性的，都會(huì)被提交，即通過(guò)網(wǎng)絡(luò)發(fā)送到指定的URL。這是正常情況，如果有不想提交的input屬性呢？

一、使用disabled屬性

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

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

但是添加了該屬性后，你是不可以在頁(yè)面上對(duì)該項(xiàng)內(nèi)容進(jìn)行修改的，也就是意味著即不能輸入，也不能獲取focus。

注意：type="hidden" 只是在頁(yè)面展示的時(shí)候隱藏，form在提交的時(shí)候依然會(huì)發(fā)出。

二、去掉name屬性

需要把name屬性lang去掉，這時(shí)候再提交Form，可以看到lang沒(méi)有了。

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

三、javascript移除

在submit的javascript函數(shù)里，調(diào)用remove方法把這個(gè)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代碼點(diǎn)擊提交按鈕GO, 對(duì)應(yīng)的處理函數(shù)是formsubmit()。javascript中加入formsubmit()函數(shù)，增加如下代碼：

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

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

注意：如果你的提交url是跳轉(zhuǎn)到其他頁(yè)面，是沒(méi)有任何問(wèn)題的；但是如果不跳轉(zhuǎn)，還是本頁(yè)面，不推薦這個(gè)方法，因?yàn)樘峤缓蟮捻?yè)面name屬性的input消失了。

到此這篇關(guān)于html中的form不提交（排除）某些input的文章就介紹到這了,更多相關(guān)form不提交某些input內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論