我正在做这个 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 />
吗? ?我已经检查过其他网页,但他们不使用它
谢谢。
最佳答案
正如 Kolink 所指出的,表单显示内联,因为其中的所有元素都是内联。
你不应该使用 <br/>
或 <p>
因为它们不是为此目的而设计的(您不应该使用牙刷清洁厕所)。最好使用 <ul>
与 <li>
对于每个字段。这是有道理的,因为表单只不过是字段的列表。
标记应该是这样的:
<form>
<ul>
<li>
<label for="something">some label</label>
<input id="something" />
</li>
</ul>
</form>
或者,您可以继续使用 <div>
同样(但不是 <p>
)。
关于forms - 我的 HTML5 表单显示内联且没有换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8966749/