forms - 我的 HTML5 表单显示内联且没有换行符

Question

我正在做这个 HTML5 表单，但是当我在浏览器上检查它(在本地运行它)时，它会在 le 标签旁边的输入空间旁边显示标签等等。这是代码:

<form>      
    <label for="name">Nombre:</label>
    <input type="text" id="name" placeholder="Ingresa tu Nombre" required />
    <label for="email">Email:</label>
    <input type="email" id="email" placeholder="Ingresa tu e-mail " required  />
    <label for="message">Mensage:</label>
    <textarea id="message" placeholder="Ingresa tu Mensaje" required></textarea>
    <input type="submit" value="Envia tu mensage" >
</form>

我应该使用 <br /> 吗？ ？我已经检查过其他网页，但他们不使用它谢谢。

Answer 1

正如 Kolink 所指出的，表单显示内联，因为其中的所有元素都是内联。

你不应该使用 <br/>或 <p>因为它们不是为此目的而设计的(您不应该使用牙刷清洁厕所)。最好使用 <ul>与 <li>对于每个字段。这是有道理的，因为表单只不过是字段的列表。

标记应该是这样的:

<form>
 <ul>
   <li>
     <label for="something">some label</label>
     <input id="something" />
   </li>
 </ul>
</form>

或者，您可以继续使用 <div>同样(但不是 <p> )。