使用div作为提交按钮

Question

我想在提交按钮中转换由图像+文本（用于翻译）组成的div。有可能吗？

我设法将图片用作提交，但文字不是链接，它给整个图片+文字带来“破碎”的感觉

Answer 1

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

Answer 2

Jquery用法。

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

Answer 3

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

1. 您可以使用类型为submit的按钮，并使用CSS将其设置为div
2. 在div上添加onClick，然后在点击事件上提交表单。

对于方法2，您可以通过jQuery或不使用，使用普通的js

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

Trevor的回答显示了如何使用jQuery 在他的示例中，只需将'div'和'form'替换为div和form的id，如下所示：

如果div和表单的ID为myDiv且myForm将其指定为'#myDiv'和'#myForm'，则此处#用于指定以下字符串为一个元素的id。