59

を使用して別のページにリンクする画像を取得しました<a href="..."> <img ...> </a>。

ボタンのように投稿するにはどうすればよい<input type="submit"...>ですか？

4

10 に答える 10

118

JQueryライブラリの最も近い() ボタンと送信() ボタンを使用した、より一般的なアプローチ。ここでは、送信するフォームを指定する必要はありません。フォームが送信されます。

<a href="#" onclick="$(this).closest('form').submit()">Submit Link</a>
于 2011-11-03T15:26:11.460 に答える
34 
<input type="image" name="your_image_name" src="your_image_url.png" />

これは、フォームを送信するときにyour_image_name.xとのyour_image_name.y値を送信します。これは、ユーザーが画像をクリックした位置の x 座標と y 座標です。

于 2008-11-08T19:01:29.030 に答える
28

画像を使用してフォームを送信しようとしているようです...その場合は <input type="image" src="...">

本当にアンカーを使用したい場合は、javascript を使用する必要があります。

<a href="#" onclick="document.forms['myFormName'].submit(); return false;">...</a>

于 2008-11-08T18:59:52.013 に答える
9

input type=imageがそれを行います。

于 2008-11-08T18:59:29.033 に答える
7 
 <html>

 <?php

 echo $_POST['c']." | ".$_POST['d']." | ".$_POST['e'];

 ?>

 <form action="test.php" method="POST">
      <input type="hidden" name="c" value="toto98">
      <input type="hidden" name="d" value="toto97">
      <input type="hidden" name="e" value="toto aaaaaaaaaaaaaaaaaaaa">

      <a href="" onclick="document.forms[0].submit();return false;">Click</a> 
 </form>

</html>


So easy.




So easy.
于 2010-04-07T14:38:36.900 に答える
7

テストされていない/より良い可能性があります:

<form action="page-you're-submitting-to.html" method="POST">
    <a href="#" onclick="document.forms[0].submit();return false;"><img src="whatever.jpg" /></a>
</form>
于 2008-11-08T18:59:47.363 に答える
2

これに便利な追加機能は、追加ボタンから投稿 URL を変更できることです。これにより、別のボタンを使用して別の URL に投稿できます。これは、フォームの「アクション」プロパティを設定することで実現できます。jQueryを使用する場合のコードは次のとおりです。

$('#[href button name]').click(function(e) {
    e.preventDefault();
    $('#[form name]').attr('action', 'alternateurl.php');
    $('#[form name]').submit();
});

action-attribute には、古い jQuery バージョンではいくつかの問題がありますが、最新のバージョンでは問題ありません。

于 2013-02-26T12:02:31.353 に答える
1

内部でさらにHTMLを処理できる「BUTTON」要素を忘れないでください...

于 2008-11-10T12:49:00.200 に答える
1

このページのようなものですか？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>BSO Communication</title>

<style type="text/css">
.submit {
    border : 0;
    background : url(ok.gif) left top no-repeat;
    height : 24px;
    width : 24px;
    cursor : pointer;
    text-indent : -9999px;
}
html:first-child .submit {
    padding-left : 1000px;
}
</style>
<!--[if IE]>
<style type="text/css">
.submit {
    text-indent : 0;
    color : expression(this.value = '');
}
</style>
<![endif]-->
</head>

<body>
    <h1>Display input submit as image with CSS</h1>

    <p>Take a look at <a href="/2007/07/26/afficher-un-input-submit-comme-une-image/">the related article</a> (in french).</p>
    <form action="" method="get">
        <fieldset>
            <legend>Some form</legend>
            <p class="field">
                <label for="input">Some value</label>

                <input type="text" id="input" name="value" />
                <input type="submit" class="submit" />
            </p>
        </fieldset>
    </form>

    <hr />
    <p>This page is part of the <a href="http://www.bsohq.fr">BSO Communication blog</a>.</p>

</body>
</html>
于 2008-11-08T19:02:06.033 に答える
0

フォームの送信ボタンを常にこれに置き換えます。

<form method="post" action="whatever.asp">
<input type=...n

<input type="image" name="Submit" src="/graphics/continue.gif" align="middle" border="0" alt="Continue">
</form>

画像をクリックするとフォームが送信されます。それが役立つことを願っています!

于 2013-01-18T22:15:46.020 に答える