2010-09-13 219 views
5

我真的想要一个链接,例如“保存”,其功能与输入类型提交按钮的方式相同吗?HTML:制作一个链接,在表单中提交?

我从来没有想过如何做到这一点,甚至有可能吗?怎么样?

+0

是否需要只是HTML,JavaScript的没有?我不确定你能做到这一点。尽管您可以将提交按钮设置为标准链接。 – Liggi 2010-09-13 15:36:32

+0

+1。仅仅因为做一个noob而不配得分-1。 – Stephen 2010-09-13 15:37:11

回答

8

你可以只样式按钮,看起来像一个链接:可能使用JavaScript

input[type="submit"] 
{ 
    background: transparent; 
    text-decoration: underline; 
    cursor: pointer; 
} 
+0

别忘了'cursor:pointer' – 2010-09-13 15:36:50

+0

对。谢谢.. – 2010-09-13 15:39:56

+0

和边界:无; ..伟大的作品! – Karem 2010-09-13 15:51:06

2

。像这样:

<form name="theform" ...> 
<a href="javascript:document.theForm.submit();">Save</a> 
</form> 

,但我会建议风格的按钮可看作是一个链接,让你与客户没有问题,而JavaScript的

+0

这是最好的答案。现在每个人都有javascript,所以不应该担心。造型按钮看起来像一个链接是凌乱的(需要大量的样式来匹配现有的链接)。在我看来,这是最简单的(因此也是最好的)解决方案:) – CpnCrunch 2013-10-21 14:30:18

2

随便举个例子:

形式:

<form id="myform" name="myform" method="post" action="something.php">

提交连接: <a href="javascript:postform()">Click!</a>

的JavaScript:

<script language="JavaScript" type="text/javascript"> 
function postform() 
{ 
    document.getElementById('myform').submit() ; 
} 
</script>