私のHTML5フォームはインラインで、改行なしで表示されます

Question

私はこのHTML5フォームを行っていますが、ローカルで実行しているブラウザでチェックすると、leラベルの隣にある入力スペースの隣にラベルが表示されます。 をHERESコード：

<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

まあ、<label>は<input>は、すべての要素がインラインである場合は、もちろん、あなたの全体的な形状はなります... <textarea>がインラインである、

インラインである、インラインです。

<br />タグを使用してください。<p>...</p>をお試しください。

Answer 2

Kolinkが正しいです。これを対処する別の方法は、CSSを使用してすべての入力要素とラベル要素に

display: block; 

を追加することです。

Answer 3

Kolinkが指摘したようにその内部のすべての要素がインラインているように、フォームは、インラインを表示します。

彼らはその目的のために意図されていないとして、あなたは（あなたがトイレをきれいに歯ブラシを使用すべきではない）<br/>または<p>を使用すべきではありません。フィールドごとに<ul>と<li>を使用する方が効果的です。フォームはフィールドのリストだけであるので、これは意味があります。

マークアップは次のようになります：

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

また、あなたが先に行くことができますし、同様に（ただし<p>）<div>を使用しています。