Question

嗨我有一个表格，我想在身体的5列中制作5个表格。我知道这是可能的。你能帮我么？

----------------------------------------------------
|              |                   |               |
| Column 1     |   Column 2        | Column 3      |
|              |                   |               |
----------------------------------------------------



   <table cellspacing="10">

 <tr>
<td><font color="black">*</font>Ref. No: </td> 
<td><input type="text"  onkeypress="return numeric(event); "value="<?PHP if(isset($_POST['code'])) echo htmlspecialchars($_POST['code']);?>" name="code" ></td>
    </tr>

 <tr> 
<td><font color="black">*</font>Serial No: </td>
<td><input type="text"  value="<?PHP if(isset($_POST['serialnumber'])) echo htmlspecialchars($_POST['serialnumber']);?>" name="serialnumber"><br></td>
    </tr>


    <tr>
    <td><font color="black">*</font>Item Model: </td>
    <td><input type="text"  value="<?PHP if(isset($_POST['model'])) echo htmlspecialchars($_POST['model']);?>" name="model"></td>
    </tr>

<tr>
<td><font color="black">*</font>Description </td>
<td> <input type="text"  value="<?PHP if(isset($_POST['description'])) echo htmlspecialchars($_POST['description']);?>" name="description"><br></td>
    </tr>

    </table>

Answer 1

在使用表时，问题的解决方案是将所有标签放在第一行，将所有输入放在第二行。

http://codepen.io/anon/pen/pyXgyW

<table cellspacing="10">
<tr>
<td><font color="black">*</font>Ref. No: </td>
<td><font color="black">*</font>Serial No: </td>
<td><font color="black">*</font>Item Model: </td>
<td><font color="black">*</font>Description </td>
</tr>

<tr>
<td><input type="text"  onkeypress="return numeric(event); "value="<?PHP if(isset($_POST['code'])) echo htmlspecialchars($_POST['code']);?>" name="code" ></td>
<td><input type="text"  value="<?PHP if(isset($_POST['serialnumber'])) echo htmlspecialchars($_POST['serialnumber']);?>" name="serialnumber"><br></td>
<td><input type="text"  value="<?PHP if(isset($_POST['model'])) echo htmlspecialchars($_POST['model']);?>" name="model"></td>
<td> <input type="text"  value="<?PHP if(isset($_POST['description'])) echo htmlspecialchars($_POST['description']);?>" name="description"><br></td>
</tr>


</table>

对此进行扩展，您可以将表单表嵌套在另外四个或五个列表中，如下所示：http://codepen.io/anon/pen/pyXgyW

Answer 2

关于表：

表格中的每一行都由class / meta class / isa pointer / super pointer标记。在此（行）中，您可以插入任何数据<tr>（表数据）列标题由<td>（表头（呃））

标记

关于表格：

要实现目标，您必须从两种方式中选择：

使用javascript创建formData元素，只需添加输入数据。请参阅：https://developer.mozilla.org/en-US/docs/Web/API/FormData/append
您创建表单并在其中添加一个表，其中包含单元格中的不同输入。不要忘记给它们命名，这样就可以将数据传到服务器端。

我会选择第一种方式。

身体中的多个列

2 个答案: