当用户点击图像时重定向

时间:2019-08-16 作者:ellen

我希望这样,当用户单击我网站中的图像时,他们会被重定向到特定页面。我使用了一个提交按钮来重定向,但我想用一个自定义设计的图标来替换它,我已经将其保存为png。

这是我过去的习惯:

    <form method=\'post\' id=\'back_button\' action=\'\'>
        <p class=\'form-submit\'>
            <input name=\'back_button\' type=\'submit\' id=\'back_button\' class=\'submit button\' value= \'Go Back\' />
        </p>
    </form>
在中functions.php, 我是这样连接起来的:

if( isset($_POST[\'back_button\'])) redirect_to_team_page(myapp_get_team_uri($_GET[\'team_id\']));
我想更新“后退”按钮,使其显示为.png. 我改变了我的<input> 要成为图像类型,如下所示:

    <form method=\'post\' id=\'back_button\' action=\'\'>
        <p class=\'form-submit\'>
           <input name=\'back_button\' type=\'image\' id=\'back_button\' src=\'back.png\'/>
        </p>
    </form>
当我这样做的时候,我似乎无法再让表单提交了。一定有更好的办法,但我似乎想不出来。

任何帮助都将不胜感激!

2 个回复
最合适的回答,由SO网友:ellen 整理而成

我找到了一个更好的方法。我正在使用<;一个>标签-我应该一直这样做!

    <a href=\'/my-page/\'>
        <div class=\'back_button\'>
            <img id=\'back_button\' class=\'responsive-img\' src=\'back.png\'/>
        </div>
    </a>
我不知道为什么我如此坚持使用表单。这要平滑得多。

SO网友:rob.m

您有两个同名的ID,并且表单被破坏,请始终在页面上提供不同的ID:

<form method=\'post\' id=\'back_button_form\' action=\'\'>
    <p class=\'form-submit\'>
       <input name=\'back_button_img\' type=\'image\' id=\'back_button_img\' src=\'back.png\'/>
    </p>
</form>

相关推荐

WP_INSERT_POST中的TAX_INPUT部分不工作

我正在通过wp\\u insert\\u post()插入帖子,在$args中,tax\\u输入如下所示:\'tax_input\' => array( \"programmas\" => \'Modern Family\', \"zenders\" => \'ABC\', ), 但实际情况是:“programmas”插入正确,但“zenders”没有插入。我百分之百确信我已经正确拼写了这些自定义分类法。运行该功能时,除“zenders”