Question

我正在编写一个电子邮件订阅表单（api证明了他们自己的噩梦），我想知道是否可以在div之间写一个表单，如下所示......

<div id="topsubscribe_label">STAY UP TO DATE, JOIN OUR MAILING LIST: </div>     

<form id="signup" action="<?=$_SERVER['PHP_SELF']; ?>" method="get">
<div id="subforminputs">
<input type="email" name="email" id="email" class="toptextinput" value="" placeholder="you@example.com"/><br />
</div>      

<div id="topsubscribe_submit">
<input type="submit" id="topregisterButton" name="submit" class="textinput" value="Subscribe" />
</form>         
</div>

这会破坏形式吗？还有另一种（简单）方法吗？

Answer 1

你可以这样做

<div>
  <div>
  <form>
  </form>
  </div>
</div>

您也可以这样做

<form>
  <div>
  </div>
  <div>
  </div>
</form>

但你不能这样做

<form>
  <div>
</form>
  </div>

浏览器不会显示任何错误，您可能会有不同的输出。每个浏览器都会不同地处理这些错误。

Answer 2

这是可以接受的：

<div>
  <form>
    <div><input /><input /></div>
    <div><input /><input /></div>
  </form>
</div>

这不是：

<div>
  <form>
    <input /><input />
</div>
<div>
    <input /><input />
  </form>
</div>

值得注意的是，第二个示例中的重叠标记对于所有标记无效;不只是form标签。

Answer 3

如果您只想对某些字段进行分组，则可以使用fieldset元素。

是否可以在多个div上编写表单？

3 个答案: