表单提交问题

donbe 2008-04-09 09:44:23
为什么这个表单中 点击 image按钮 也会提交表单


                                  <form name="form_music" enctype="application/x-www-form-urlencoded"  method="get" action="plays.asp" >

                                    <tr>

                                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                                      <tr>

                                        <td align="right"><input type="image" src="../weihu/images/quanxuan.gif" width="57" height="22" /></td>

                                        <td align="center"><input type="image" src="../weihu/images/fanxuan.gif" width="57" height="22" onclick="selectall();" /></td>

                                        <td><input type="image" src="../weihu/images/lianbo.gif" width="57" height="22" /></td>

                                      </tr>

                                    </table></td>

                                  </tr> <input type="submit" value="提交" />

                                  </form>

                                  

                               

<script language="javascript" type="text/javascript">

								  

function selectall()

{

var el=document.getElementsByTagName("input");

var len = el.length;    

for(var i=0; i<len; i++) 

{

	if((el[i].type=="checkbox") && (el[i].name=="musicid")) 

	{

	if(el[i].checked==false){

	 el[i].checked=true;}

	 else

	 {

	 el[i].checked=false;

	 }

	 }

} 

}

                                  

                                  </script>
...全文
30 点赞 收藏 4
写回复
4 条回复
切换为时间正序
当前发帖距今超过3年，不再开放新的回复
发表回复
jingzhao1985 2008-04-09
再贴一次
<form name="form_music" enctype="application/x-www-form-urlencoded" method="get" action="plays.asp" >
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right">><input type="image" src="../weihu/images/quanxuan.gif" width="57" height="22" />这个地方不要用input，直接用<img src="../weihu/images/quanxuan.gif" /></td>
<td align="center"><input type="image" src="../weihu/images/fanxuan.gif" width="57" height="22" onclick="selectall();" />这个地方不要用input，直接用<img src="../weihu/images/fanxuan.gif" onclick="selectall();"/> </td>
<td<input type="image" src="../weihu/images/lianbo.gif" width="57" height="22" />这个地方不要用input，直接用<img src="../weihu/images/lianbo.gif" /> </td>
</tr>
</table></td>
</tr> <input type="submit" value="提交" />
</form>


<script language="javascript" type="text/javascript">

function selectall()
{
var el=document.getElementsByTagName("input");
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].name=="musicid"))
{
if(el[i].checked==false){
el[i].checked=true;}
else
{
el[i].checked=false;
}
}
}
}

</script>
 回复 赞
jingzhao1985 2008-04-09


                                  <form name="form_music" enctype="application/x-www-form-urlencoded"  method="get" action="plays.asp" >

                                    <tr>

                                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                                      <tr>

                                        <td align="right"><input type="image" src="../weihu/images/quanxuan.gif" width="57" height="22" /></td>

                                        <td align="center"><input type="image" src="../weihu/images/fanxuan.gif" width="57" height="22" onclick="selectall();" /></td>

                                        <td><input type="image" src="../weihu/images/lianbo.gif" width="57" height="22" />这个地方不要用input，直接用<img src="="../weihu/images/lianbo.gif" /> </td>

                                      </tr>

                                    </table></td>

                                  </tr> <input type="submit" value="提交" />

                                  </form>

                                  

                               

<script language="javascript" type="text/javascript">

                                  

function selectall()

{

var el=document.getElementsByTagName("input");

var len = el.length;    

for(var i=0; i<len; i++) 

{

    if((el[i].type=="checkbox") && (el[i].name=="musicid")) 

    {

    if(el[i].checked==false){

     el[i].checked=true;}

     else

     {

     el[i].checked=false;

     }

     }

} 

}

                                  

                                  </script>
回复 赞
一把编程的菜刀 2008-04-09
onclick="return selectall();"
试试看
 回复 赞
澄仙 2008-04-09
image控件本身也有submit的性质 也可以做提交按钮 这个没什么好说的吧？ 呵
 回复 赞
相关推荐
volley 通过表单提交数据 volley 实现表单提交数据，volley 封装表单数据
layer关闭弹出窗口触发表单提交问题处理 layer关闭弹出窗口触发表单提交问题处理 问题：上面的代码在点关闭按钮后，会确发提交表单请求，会将表单的信息进行保存操作。但关闭按钮是不需求执行保存操作的。 原因：关闭按钮没有标识type属性，系统会默认其...
iview表单提交系列问题 3.iview进行表单验证select时候验证失败的问题 由于没有写type属性 messageFrequency: [{ required: true , message: '不能为空' , trigger: 'blur' , type : 'number' , /／不生效的原因是没有写这行...
Layui框架伴随图片上传需求的表单提交问题 表单提交难免会携带图片上传或附件上传等情况。 最近在使用Layui框架，Layui默认的form表单提交会自动监听其内的<button>标签，当点击button时自动触发表单提交事件。 同样，Layui的upload上传控件默认自动...
解决表单重复提交问题 问题背景：由于用户或网络延迟原因，用户在提交表单时会多次点击提交，此时表单内容会被多次提交给服务器。这样会资源的浪费。亟待解决。表单重复提交类型：1. 提交完表单以后，不做其他操作，直接刷新页面，表单会...
微信小程序表单提交及自定义表单验证 实例作用：帮助开发者获取input、text以及页面data数据进行提交 适用范围：小程序的所有基础库 wxml中的绑定 <textarea placeholder="文本类型" bindblur='no_focus' bindfocus="focus" data-name= "c"><...
form表单重复提交问题 昨天晚上下班时候在微信上看到一篇表单重复提交的文章，本地自己实践了一下，今天跟大家分享一下。
layui教程(一) form 表单的提交问题 点击打开表单页面(弹出层形式)如: 父页面打开子页面的代码 layer.open({ type:2, //类型为1时可以为html,和代码,为2时页面地址 title: title, //弹出层的标题 area: [width, heigth], //大小 ...
关于表单提交时date类型的转换问题 在做向数据库添加数据的功能时，遇到了这个问题，百度了一下发现可以这样解决，再此记录一下。 前台, 后台Controller中的一个方法public String login(User user){...}. 前台birthday对应user.birthday,当然user...
layui表单提交 layui标准的提交 <form class="layui-form" action=""> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-f...
禁止button按钮自动提交表单的问题 禁止button按钮自动提交表单的问题 在button按钮加上type=‘button’ οnsubmit=‘return false’;就可以了。 之前加了其中一个没有反应，都给加上了才行。 <button id="validate" type='button' onsubmit='...
解决Enter触发form表单提交的问题 我查了一些资料，发现浏览器在form表单提交这块为我们做了处理。 如果表单里只有一个type=”text”的input，那么点击enter就会触发提交事件 知道规则问题就好解决了 <html> <form> <input type...
简单的ASP表单提交到后台的源码 这是一个简单的带后台的表单提交asp源码
使用token解决表单提交的问题 // 解决表单重复提交方案1：PRG模式(POST-REDIRECT-GET) （重定向到结果页面） // https://en.wikipedia.org/wiki/Post/Redirect/Get请求支付PayServlet @WebServlet("/pay") public class PayServlet extends ...
form表单按下提交按钮无法提交表单的问题 最近用bootstrap写一个项目，用到表单，然后提交表单的时候，按钮&lt;input type="submit" value="提交"/&gt;一直触发不了提交的操作，代码如下： 这个是用jade模板引擎写的，格式请...
vue form表单数据提交 下面写了传json格式跟formData格式的两种情况，根据实际参考 提交 vue批量验证form表单数据： https://blog.csdn.net/caimingxian401/article/details/97135133  * 喜欢可点赞/ 收藏/ 评论/ 打赏，有人回应才有...
HttpURLConnection 表单提交数据 转载于:https://blog.csdn.net/yongwoozzang/article/details/83029128 HttpURLConnection x-www-form-urlencoded public static String Post(String httpUrl, String ... PrintWriter out = null; InputStr...
表单提交中文时出现乱码的问题 更改服务器的配置，但是不建议在开发中使用，以避免部署项目到服务器产生各种问题等 找到tomcat的目录下的conf文件夹，找到server.xml文件 打开server.xml文件，找到如下代码，添加URIEncoding=”UTF-8”，...
JS提交表单form 将form表单的代码写在外面并用JS来进行提交，减少重复生成form，如下： < table class = " table table-striped table-sm " > < tbody > < tr th: each = " emp:${emps} " > <!--省略中间的代码--...
form表单提交的几种方式 表单提交方式一：直接利用form表单提交 html页面代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Insert title here</title> </head> &...
发帖
ASP
创建于2007-09-28

2.8w+

社区成员

35.7w+

社区内容

ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
申请成为版主
帖子事件
创建了帖子
2008-04-09 09:44
社区公告
暂无公告