Eléments d'entrée de fluide
J'ai reçu ce formulaire...
<form method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>">
<fieldset>
<legend>Who are you?</legend>
<label for="first-name">First name</label><input type="text" name="first_name" required /><br />
<label for="last-name">Surname</label><input type="text" name="last_name" required /><br />
<label for="email">E-mail</label><input type="email" name="email" required /><br />
<input type="button" name="submit1" id="submit1" value="Next" />
<input type="button" name="clear" id="clear" value="Clear" />
</fieldset>
</form>
Avec ce CSS...
form {
margin: 24px 0 0 0;
}
form legend {
font-size: 1.125em;
font-weight: bold;
}
form fieldset {
margin: 0 0 32px 0;
padding: 8px;
border: 1px solid #ccc;
}
form label {
float: left;
width: 125px;
}
form label, form input {
margin: 5px 0;
}
Je suis à la recherche d'un moyen facile pour faire les champs d'entrée de fluide de sorte que la largeur de l'entrée des éléments est toujours par rapport à la largeur de l'élément fieldset. En d'autres termes, la largeur de l'étiquette (125px) et l'élément d'entrée doit toujours être à 100% de la largeur de l'élément fieldset. Est-il un moyen facile de faire cela (sans ajout de divs)?
source d'informationauteur rkhff
Vous devez vous connecter pour publier un commentaire.
Voir: http://jsfiddle.net/thirtydot/pk3GP/
Vous pouvez le faire en ajoutant un inoffensif petit
span
autour de chaqueinput
:Et cette nouvelle CSS: