-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

フォーム内では、html テーブル、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 に答える