2011-09-18 64 views
9

我想在提交按钮中转换由图像+文本组成的div(用于翻译)。可能吗?使用div作为提交按钮

我设法将图像用作提交,但文本不是一个链接,它给出了一个“破”的感觉整个图像+文字

+0

只有用JavaScript ...你寻找一个非JavaScript方法? – Sir

回答

12

Jquery的用法。

$('div').click(function() { 
    $('form').submit(); 
}); 
8

你可以做到这两种方式。

  1. 您可以使用类型的按钮提交,并使用CSS样式它作为一个div
  2. 在DIV上添加一个onClick,并提交上的click事件的形式。

对于方法2,你可以做到这一点通过jQuery的或不,随着纯JS

<script> 
    function submitOnClick(formName){ 
     document.forms[formName].submit(); 
    } 
</script> 
<form id="myForm" ...> 
    .... 
    <div onclick="submitOnClick('myForm')> 
     ... 
    </div> 
    ... 
</form> 

特雷弗的回答显示了如何用jQuery做。
在他的榜样只需更换'div''form'与股利和形式的ID,因为这:

如果DIV和形式的IDS是myDivmyForm它们指定为'#myDiv''#myForm',这里#用于指定的以下字符串是元素的ID。

15
<div onclick="document.myform.submit()"></div>