html中的form不提交(排除)某些input 原创
作者:水悠悠予安
时间:2026-07-22
浏览:1
一个HTML表单点击提交时,所有带name属性且没有disabled属性的input字段,全都会被发送到指定的URL。这是默认行为。那如果有些字段你并不想提交呢? 一、使用disabled属性 给input加上disabled,这个办法很常见。但有个副作用——加了disabled的字段,在页面上就变
本文目录
一个HTML表单点击提交时,所有带name属性且没有disabled属性的input字段,全都会被发送到指定的URL。这是默认行为。那如果有些字段你并不想提交呢?
一、使用disabled属性
给input加上disabled,这个办法很常见。但有个副作用——加了disabled的字段,在页面上就变成了“死”的,不能编辑、不能聚焦,只能静静地躺在那。
注意:type="hidden"只是让字段在页面上不可见,表单提交时它依然会跟着发送出去。所以如果你想让隐藏字段也不提交,disabled反而是个好选择。
二、去掉name属性
这是最直接的办法——把input的name属性删掉。没有name,浏览器就不知道这个字段叫什么名字,自然也就不会提交了。
提交后你会看到,那个字段果然从请求参数里消失了。
三、Ja vaScript移除
在提交表单的Ja vaScript函数里,直接调用remove()方法,把这个input元素从DOM中移除。这样它自然就不会被提交了。
对应的Ja vaScript函数可以这样写:
function formsubmit(){
document.getElementById("name").remove();
$("#form1").attr('action','你的提交url');
$("#form1").submit();
}
上面代码的作用是:提交前先把name这个input从页面上移除,再提交表单。不过要注意,如果你的提交后页面会跳转到其他地址,这没问题;但如果提交后页面不跳转,还是停留在当前页面,那就不推荐了——因为那个input已经被删掉了,页面上会永久少一个元素。
作者最新文章
动漫共和国在线观看地址及入口
2026-11-04 12:06
立刻MV如何查看立刻MV官方操作指引文档
2026-11-02 14:05
抖音创作平台官网登录入口
2026-11-02 10:38
Xshell连接SSH失败怎么办?5步排查网络、代理与认证问题
2026-10-30 14:30
樱花动漫官方正版官网入口在哪_樱花动漫网址2027最新分享
2026-10-28 19:21
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多

































