标签作为提交按钮?

时间:2011-09-07 20:43:08

标签: html button tags

您好我正在尝试将“a”标记作为提交按钮。我在网络的某个地方找到了一个代码。但它没有用。

<a href="#" onclick="this.form.submit()">Submit</a>

是否有任何代码可以满足我的需求?

6 个答案:

答案 0 :(得分:35)

form id,然后:

document.getElementById("yourFormId").submit();

最佳做法可能是给你的链接id,并摆脱事件处理程序:

document.getElementById("yourLinkId").onclick = function() {
    document.getElementById("yourFormId").submit();
}

答案 1 :(得分:27)

试试这段代码:

<form id="myform">
  <!-- form elements -->
  <a href="#" onclick="document.getElementById('myform').submit()">Submit</a>
</form>

但禁用JavaScript的用户将无法提交表单,因此您可以添加以下代码:

<noscript>
  <input type="submit" value="Submit form!" />
</noscript>

答案 2 :(得分:11)

假设表格是您可以做的直接父母:

<a href='#' onclick='this.parentNode.submit(); return false;'>submit</a>

如果没有,您可以通过表单名称属性进行访问:

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

请参阅此处的两个示例:http://jsfiddle.net/WEZDC/1/

答案 3 :(得分:1)

尝试以下内容

 <a href="#" onclick="this.forms['formName'].submit()">Submit</a> 

答案 4 :(得分:0)

这是@ComFreek ans的改进:

<form id="myform">
  <!-- form elements -->
  <a href="javascript:;" onclick="document.getElementById('myform').submit()">Submit</a>
</form>

因此不会触发操作并重新加载您的页面。特别是如果您正在使用SPA框架进行开发。

答案 5 :(得分:-4)

在我看来,最简单的方法就是这样:

<?php>
echo '<a href="link.php?submit='.$value.'">Submit</a>';
</?>

在&#34; link.php&#34;你可以这样请求这个值:

$_REQUEST['submit']