html - HTML タグを適切に配置する

Question

私は HTML 配置が初めてです。3 つの入力フィールドがありますが、正しく配置されていません。

<form>
username:<input type="text" name="username" value="ENTER NAME HERE" /><br>
id:<input type="text" name="id" value="ENTER ID HERE" /><br>
age:<input type="text" name="age" value="ENTER AGE HERE" />
</form>

入力フィールドが上下にきれいに見えるように、colspan または rowspan を使用して配置するのを手伝ってください。

Answer 1

これを試してみてください..HTMLアライメントバイスとして正常に動作します.

 <form>
<div style="width:300px">
<div style="float:left">username:</div><div style="float:right"><input type="text" name="username" value="ENTER NAME HERE" /></div><br>
<div style="float:left">id:</div><div style="float:right"><input type="text" name="id" value="ENTER ID HERE" /></div><br>
<div style="float:left">age:</div><div style="float:right"><input type="text" name="age" value="ENTER AGE HERE" /></div>
</div>
</form>

Answer 2

これを試して：

<div id="userdata">
<div><label>Enter Name</label><input type="text" /></div>
<div><label>Enter Id</label><input type="text" /></div>
<div><label>Enter Age</label><input type="text"/></div>
</div>

Answer 3

それらをテーブルで使用します。

<div id="userdata">
  <table>
    <tr>
        <td>Enter Name</td><td><input type="text" /></td>
    </tr>
    <tr>
        <td>Enter ID</td><td><input type="text" /></td>
    </tr>
    <tr>
        <td>Enter Age</td><td><input type="text" /></td>
    </tr>
  </table>
</div>