Question

输入的主要问题是你不能使用：before或：after。我必须将输入按钮的CSS与其他s匹配，而且几乎不可能只用css。

我认为使用带有onclick =“”属性的简单操作会更容易，但是我不确定这是一个好主意还是坏主意。例如，我认为用作输入可能被SEO或浏览器视为坏事另一方面我每天都在用javascript提交表单。

不推荐使用像提交按钮这样的元素吗？

另外，我如何告诉JS在div周围提交表单，以便创建一个适用于所有表单的代码片段？这会有用吗？

<div onclick="this.submit()"></div>

Answer 1

如果你不想使用jQuery，那就可以使用纯JS：

了

HTML：

<div onclick="submitButton(this)"></div>

脚本：

function submitButton (element) {
    while(element.parentElement !== document.body) {
        if (element.parentElement.tagName.toLowerCase() === 'form') {
            element.parentElement.submit();
            return;
        } else {
            element = element.parentElement;
        }
    }
    return;
}

Answer 2

您可以使用

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

如果你的div是表单元素的子元素，你可以使用

 <div onclick="this.parentNode.submit()"></div>

但是，您也可以使用像jQuery这样的框架来处理提交

$('#divId').onclick(function(){
    $('#formId').submit();
});

Answer 3

 <div onclick="document.forms[0].submit();"></div>

Answer 4

另外，我如何告诉JS在div周围提交表单，以便创建一个适用于所有表单的代码片段？这会有用吗？

this.parentNode.submit();

我不知道的其他东西。您根本不想使用JavaScript，只使用css：before和：after插入内容但按钮和输入或按钮类型提交没有那些css属性？

Answer 5

还有<button type='submit'>Submit</button>，我不确定这是否适用于CSS :before和:after。如果你想用JavaScript做更强大的事情，你应该调查jQuery，这对你的情况来说似乎很完美。

Answer 6

jQuery submit方法对您有用：

$('element').onclick(function(){
$('form:first').submit();
});

http://api.jquery.com/submit/

使用html和js创建提交按钮的最简单方法是什么？

6 个答案: