如何通过<a href…> … </a>链接进行提交？
我使用了<a href="..."> <img ...> </a>链接到另一个页面的图像。
我怎样才能使它像一个button<input type="submit"...> ？
<input type="image" name="your_image_name" src="your_image_url.png" />
这将在提交表单时发送your_image_name.x和your_image_name.y值，这是用户单击图像的位置的x和y坐标。
使用JQuery库最接近 （）和提交 （）button的更通用的批处理。 在这里，你不必指定你想提交的表格，提交它所在的表格。
<a href="#" onclick="$(this).closest('form').submit()">Submit Link</a>
它看起来像你试图使用图像提交表单…在这种情况下使用<input type="image" src="...">
如果你真的想使用一个锚，那么你必须使用javascript：
<a href="#" onclick="document.forms['myFormName'].submit(); return false;">...</a>
inputtypes=图像将为你做。
未经testing/可能会更好：
<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>
<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.
除此之外还有一个方便之处，就是可以从额外button中改变后期url，这样你就可以用不同的button发布到不同的url。 这可以通过设置“action”属性来实现。 下面是使用jQuery时的代码：
$('#[href button name]').click(function(e) { e.preventDefault(); $('#[form name]').attr('action', 'alternateurl.php'); $('#[form name]').submit(); });
action-attribute在较老的jQuery版本中有一些问题，但是最近你会很好的去做。
像这样的网页 ？
<!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>
不要忘记“button”元素，可以处理更多的HTML内…
我们用表单随时replace提交button：
<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>
点击图片提交表格。 希望有所帮助！
