Forms 我的HTML5表单显示内联和不带换行符

Forms 我的HTML5表单显示内联和不带换行符,forms,html,Forms,Html,我正在做这个HTML5表单,但是当我在浏览器上检查它时(在本地运行),它会在le标签旁边的输入空间旁边显示标签,以此类推。 代码如下: <form> <label for="name">Nombre:</label> <input type="text" id="name" placeholder="Ingresa tu Nombre" required /> <label for="email">E

我正在做这个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>

名义:
电邮:
尺寸:
我应该使用

?我已经在其他网页上查过了,他们没有用 谢谢。

嗯,
是内联的,
是内联的,
是内联的

如果所有元素都是内联的,那么整个表单当然是内联的

尝试使用

标记,或者可能
..

那么,
是内联的,
是内联的,
是内联的

如果所有元素都是内联的,那么整个表单当然是内联的


尝试使用

标记,或者可能
..

display: block;

使用CSS添加到所有输入和标签元素。

Kolink是正确的。另一种解决方法是添加

display: block;

正如Kolink指出的那样,表单显示为内联,因为它内部的所有元素都是内联的

您不应该使用

,因为它们不是用于此目的的(您不应该使用牙刷清洁厕所)。对于每个字段,最好使用带有
    。这是有意义的,因为表单只是一个字段列表

    加价如下:

    <form>
     <ul>
       <li>
         <label for="something">some label</label>
         <input id="something" />
       </li>
     </ul>
    </form>
    
    
    
    • 一些标签

    或者,您也可以继续使用
    (但不能使用
    )。

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

    您不应该使用

    ,因为它们不是用于此目的的(您不应该使用牙刷清洁厕所)。对于每个字段,最好使用带有
    。这是有意义的,因为表单只是一个字段列表

    加价如下:

    <form>
     <ul>
       <li>
         <label for="something">some label</label>
         <input id="something" />
       </li>
     </ul>
    </form>
    
    
    
    • 一些标签

    或者,您也可以继续使用
    (但不能使用
    )。

    您可以,或者您可以使用
    ..

    为您完成。表单实际上不是由段落组成的。div标记更有意义。你可以,或者你可以使用
    ..

    为你做这件事。表单实际上不是由段落组成的。div标签更有意义。