使用div作为提交按钮

Syl*_*Syl 9 html forms ruby-on-rails

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

我设法使用图像作为提交,但文本不是链接,它给整个图像+文本带来"破碎"的感觉

Wil*_*ill 15

<div onclick="document.myform.submit()"></div>
Run Code Online (Sandbox Code Playgroud)


Tre*_*vor 12

Jquery用法.

$('div').click(function () {
    $('form').submit();
});
Run Code Online (Sandbox Code Playgroud)


dan*_*oel 8

你可以用两种方式做到这一点.

  1. 您可以使用类型为submit的按钮,并使用CSS将其设置为a 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>
Run Code Online (Sandbox Code Playgroud)

Trevor的回答显示了如何使用jQuery.
在他的例子只需更换'div''form'与你的股利和形式的ID为这样的:

如果div和form的id是myDiv并且myForm将它们指定为'#myDiv''#myForm',则此处#用于指定以下字符串是元素的id.