Comment mettre web des éléments de formulaire sur une nouvelle ligne?
Comment placer "l'entrée" des éléments sur les nouvelles lignes? Dans l'exemple ci-dessus, tous les éléments sont placés de façon séquentielle, c'est à dire label->input->label->input, etc.
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
padding:14px;
}
#stylized{
border-width:1px;
border-style:solid;
border-color:#b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
border-width:1px;
border-style:solid;
border-color:#b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-size:11px;
font-weight:bold;
text-align:right;
float:left;
}
#stylized input{
float:left;
font-size:11px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:70px;
margin:2px 0 20px 10px;
}
/* --------- End of Form --------- */
<div id="stylized" class="myform">
<form id="form" name="form" method="post" action="index.html">
<h1>Data</h1>
<label>Name: </label>
<input type="text" name="name" id="name"/>
<label>Email: </label>
<input type="text" name="email" id="email"/>
<label>Password: </label>
<input type="text" name="password" id="password"/>
</form>
</div>
sans html c'est difficile à dire.. mais avez-vous essayé
Vous n'avez pas accès à l'annotation?
En effet, mon exemple de code HTML, partie
clear: both
?Vous n'avez pas accès à l'annotation?
En effet, mon exemple de code HTML, partie
OriginalL'auteur Klausos Klausos | 2012-04-27
Vous devez vous connecter pour publier un commentaire.
Cela permettra de mettre chaque entrée sur une nouvelle ligne.
- Supprimé "float: left", a ajouté "display: block".
Quelles balises PHP parlez-vous?
La question a été marqué [php], mais la question n'a rien à voir avec php
OriginalL'auteur KBN
Ma conjecture est user1359163 de anwswer aidera, si vous peut-être savoir pourquoi: à l'aide de
float
efficacement supprime l'élément du document du flux normal, un peu comme changer laz-index
, permettant à l'élément de flux div frontières, les étiquettes, les travées et de... 'ignorer'clear
les styles.L'élément se comporte comme si elle flotte sur les autres éléments, donc, à cet égard, il reste clair de la gauche et à droite de tous les autres éléments qui ne flottent pas.
Je suis pas de CSS expert, mais cette façon de voir les choses m'a beaucoup aidé dans la résolution de problèmes avec mutilé de mises en page que j'ai rencontré lors de l'utilisation de la
float
,clear
etz-index
les styles.OriginalL'auteur Elias Van Ootegem
Je les ai mis dans la liste des balises et il a travaillé sans changer les styles et à l'aide d'une étiquette de rupture est obsolète
OriginalL'auteur Hemachandra Ghanta
Avez-vous essayé quelque chose d'aussi simple que de
OriginalL'auteur BugFinder
Vous prévenir de nouvelles lignes lors de la sélection d'un mode flottant avec assez de place pour tous les éléments.
Essayez ceci:
Échantillon
http://jsfiddle.net/8yZff/
OriginalL'auteur Smamatti
Ici est JsFiddle pour que...
Edit :
OriginalL'auteur naim shaikh
Pour des données tabulaires, comme un tableau de l'étiquette ou de paires de champs, utiliser un
table
. Vous trouverez le style beaucoup plus facile, et nonstyled apparence beaucoup mieux.OriginalL'auteur Jukka K. Korpela