-1

我正在考虑创建具有 4 列的表单,例如

Name Phone City Remarks

<html>
  <body>
<form id="myform" action="/" method="post" enctype="application/x-www-form-urlencoded">
  <input type="text" name="Name" id="mytext" />
  <input type="text" name="Phone number" id="mytext" />
  <input type="text" name="City" id="mytext" />
  <input type="text" name="remarks" id="mytext" />
  <input type="submit" id="mysubmit" />
</form>
  </body>
</html>

在我的代码中,他们看起来已经分开了。我想要表格/网格,你能告诉我怎么做吗

4

3 回答 3

2

使用表格

<table>
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>
于 2012-11-14T08:10:41.363 回答
0

在form里面你可以使用html table、tr和td标签来实现输出。

于 2012-11-14T08:10:36.637 回答
0

您可以使用 CSScolumn-count属性:

#myform {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}​

示例在这里 - http://jsfiddle.net/4yVGb/

或者

在表单内制作另一个标记

于 2012-11-14T08:11:28.263 回答