本文中に複数の列があります

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

テーブルの使用中に問題を解決するには、すべてのラベルを最初の行に、すべての入力を2番目の行に配置します。この上で拡大

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> 

、あなたは別の4または5列の表内の巣フォームのテーブルを、このようなことができます：http://codepen.io/anon/pen/pyXgyW

Answer 2

：表の

各行は<tr>によってタグ付けされています。フォームに関しては、この（行）で あなたは<td>（テーブルデータ）として任意のデータを挿入することができる 列ヘッダーが<th>（表頭（ER））によってタグ付けされている

：

あなたの目標あなたに到達するために

1. javascriptを使用してformData要素を作成し、入力のデータを追加するだけです。参照：https://developer.mozilla.org/en-US/docs/Web/API/FormData/append

2. フォームを作成し、セルに異なる入力を保持するテーブルを追加します。あなたがサーバ側のデータにアクセスできるように名前を付けることを忘れないでください。

私は最初の方法を選択します。