2009-08-28 5 views
2

J'ai un HTML suivant:et la boîte d'entrée sur la même ligne

<label>blah</label> 
<input type=text ... /> 

Je veux l'étiquette d'être sur une ligne, et au-dessous de la zone de saisie.

actuellement c'est sur la même ligne, dois-je utiliser un clair?

+0

Vous pouvez également simplement placer à la fois l'étiquette et l'entrée dans un div (avec positionnement relatif), puis positionner absolument l'étiquette et l'entrée là où vous le souhaitez. –

Répondre

1

Do it avec CSS:

label {clear: both; }

+2

Cela ne fonctionne pas si vous n'ajoutez pas "display: block" ainsi que @Mike Hall dans sa réponse – spuas

1

Vous pouvez insérer une ligne de rupture (<br />) entre eux ou placer chacun dans son propre div.

5
<label>blah</label> 
<br /> 
<input type=text ... /> 

Utilisez un saut de ligne.

9

Vous pouvez mettre une classe ou d'un style css qui allait changer l'affichage pour bloquer:

<label style="display:block">blah</label> 
<input type=text ... /> 
1

La façon la plus simple est d'ajouter un <br> après </label>.

Vous pouvez également utiliser des balises div ou une table avec deux lignes.

3
<label for="fldAge">Age:</label> 
<p> 
<input type="text" name="Age" id="fldAge" /> 
</p> 

Cela provoque également le navigateur au texte rendu associé à une entrée avec un rectangle de mise au point, et permet à l'utilisateur de se concentrer le champ en cliquant n'importe où dans le texte associé au lieu de simplement le contrôle du champ de saisie.

Questions connexes