Question

寻找非JS解决方案。说我有这样的事情：

<ul>
   <li>
      <form>
         <fieldset>
            ...
            <input type="submit" value="Submit"/>
         </fieldset>
      </form>
   </li>
   ...
</ul>

有没有办法执行以下没有JS ：

使提交按钮不可见，
制作<li>可点击的任何部分（意思是，它会提交表单）

???

Answer 1

您可以使用JS提交没有sumbit按钮的表单：

<li onClick="document.forms["myform"].submit();">my LI</li>
<form id="myform">
<!-- FORM -->
</form>

这只是实现这一目标的快捷方式。如果你正在使用JS来解决其他问题，你不应该直接实现它（内联）。

更新 - 没有JS：

如果没有JS，你肯定需要输入，但你可以根据需要用css设置它：

input.submit { border:none; background-color:transparent; display:block; width:200px;
height:200px; position:absolute; }

通过top和left，您可以将其放在li上。 position:relative可能会更好。这取决于你想要如何定位它。

<input class="submit" type="submit" />

CSS：如何制作包含“submittable”表单的列表项？

1 个答案: