通过单击没有JS的div元素提交表单

Question

让我有一个div元素，它位于表单内，如下所示：

<from id = "someForm">
    <div id = "someDiv">
        <!-- Some Content -->
    </div>
</form>

有没有办法通过点击form#someForm而不使用div#someDiv来提交JS？我可以使用CSS3。

Answer 1

我不建议这样做但您可以在div上换行提交按钮。

<from id = "someForm">
    <button type="submit">
        <div id = "someDiv">
            <!-- Some Content -->
        </div>
    </button>
</form>

Answer 2

如果你想玩button

Demo

button {
    border:0;
    background:none;
}

---

但我会这样建议（inline-JS）

Demo

<强> HTML

<div id="something" onclick="javascript:somefunction();"  >i am here</div>

<强> CSS

div {
    border:0;
    background:none;
    cursor :pointer;
    width:100px;
    height:100px
}

---

将锚标记a用于相同的

Demo

<强> HTML

<a id="something" href="javascript:somefun()" <!-- or some url page -->>i am here</a>

<强> CSS

a {
    display:block;
    border:0;
    background:none;
    width:100px;
    height:100px;
    text-decoration:none;
    color:black
}

Answer 3

您可以拥有一个完全覆盖您内容的隐藏按钮：

<form id="someForm">
    <div id="someDiv">
        Some Content
        <input type="submit" />
    </div>
</form>

CSS

#someDiv {position:relative;}
#someDiv > input {display:block; position:absolute; border:none; width:100%; height:100%; top:0; left:0; opacity:0.01;}

EG：http://jsfiddle.net/3q94jq3a/

Answer 4

简而言之：否，您无法仅使用CSS提交表单。您必须使用Javascript来调用函数。