• 注册
  • 前端后端 前端后端 关注:1 内容:71

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

  • 查看作者
  • 打赏作者
  • 帅气冲天

    前言

    <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表单

    说明

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

    请登录之后再进行评论

    登录

    我关注的论坛

    暂没有数据

  • 发布内容
  • 做任务
  • 偏好设置
  • 直达底部
  • 帖子间隔 侧栏位置: