• 注册
  • 前端后端 前端后端 关注:0 内容:26

    用a标签实现submit提交按钮的效果,修正可用版

  • 查看作者
  • 打赏作者
    • 前端后端
    • Lv.14
      帅气冲天

      前言

      <a href=”javascript:;” onclick=”document.getelementbyid(' ').submit();”>提交</a> 提交没有效果,没用?

      那么怎么正确的使用a标签实现submit提交按钮的效果呢?

      具体思路:用a标签的onclick事件,通过下面两种方式都可以获取表单,然后执行form表单的提交操作,也就是执行submit事件。

      方案

      <form name="forms2" action="//baidu.com/222222" method="post" target="_blank">
      表单1(name=forms2):<input type="text" name="stu_n" value="222222" />
      </form>
      <form name="forms1" action="//baidu.com/111111" method="post" target="_blank">
      表单2(name=forms1):<input type="text" name="stu_n" value="111111" />
      </form>
      <form name="forms3" action="//baidu.com/333333" method="post" target="_blank">
      表单3(name=forms3):<input type="text" name="stu_n" value="333333" />
      </form>
      -----------<br><br>
      <!--forms[0] forms[1] forms[2] 里面是按着页面表单顺序选择-->
      <a href="javascript:;" onclick="document.forms[0].submit();">用 forms[0] 提交</a><br>
      <a href="javascript:;" onclick="document.forms[1].submit();">用 forms[1] 提交</a><br>
      <a href="javascript:;" onclick="document.forms[2].submit();">用 forms[2] 提交</a><br><br>
      -----------<br><br>
      <!--forms1 forms2 forms3 里面是按着页面forms表单 name值进行提交的-->
      <a href="javascript:;" onclick="document.forms1.submit();">用 forms1 提交</a><br>
      <a href="javascript:;" onclick="document.forms2.submit();">用 forms2 提交</a><br>
      <a href="javascript:;" onclick="document.forms3.submit();">用 forms3  提交</a><br><br>
      -----------<br><br>

      如上所示,我这里使用了3个form表单给大家做演示,复制上面代码,点这里 在线运行HTML 运行一下你就懂了

      forms[0] 是将整个页面的表单用数组的方式表示出来,即forms[0]就代表页面顺数第一个form表单,forms[1]就代表页面顺数第2个form表单,依此内推…

      forms1 表示的是对应name值的forms表单

      说明

      请根据自己实际情况做相应修改

      请登录之后再进行评论

      登录

      我关注的论坛

      暂没有数据

    • 发布内容
    • 做任务
    • 实时动态
    • 偏好设置
    • 帖子间隔 侧栏位置: