html - 用什么代替 标签？

Question

我有一个像这样的简单表格:

<form method="post" action="/registration">
    <label for="alias">Alias:</label>    
    <input type="text" name="alias" id="alias">
    <br>
    <label for="email">E-mail:</label>    
    <input type="text" name="email" id="email">
    <br>
    <input type="button" value="registger">
</form>

它工作正常，但我发现 <br>不应将其用于此目的，因为它仅用于文本。

如果我删除 <br> ，然后所有内容都将呈现在一行上，这是我不想要的。

在 CSS 表单中显示名称输入对的正确、最简洁的方法是什么，如下所示:

Alias:  [__field__]
E-mail: [__field__]
  [SUBMIT BUTTON]

Answer 1

我会使用 div，它将标签和输入放入它们自己的 block 中。

<form method="post" action="/registration">
    <div>
        <label for="alias">Alias:</label>    
        <input type="text" name="alias" id="alias">
    </div>
    <div>
        <label for="email">E-mail:</label>    
        <input type="text" name="email" id="email">
    </div>
    <input type="button" value="registger">
</form>