Je suis assez nouveau sur le Web. Je travaille sur un site Web à l'aide des nouvelles balises HTML5 et j'ai des problèmes d'uniformité entre tous les champs d'entrée.
Voici un extrait du code HTML. P>
P>
<article>
<form action="/action_page.php">
<div>
<div>
Payed to:<br>
<input type="text" name="Payed to" value="Jim's Foodliner">
</div>
<div>
<br> Amount:
<br>
<input type="number" name="Amount" value="1">
</div>
<div>
<br>Date:<br>
<input type="date" name="date">
</div>
<div>
<br>Time:<br>
<input type="time" name="time">
</div>
<div>
<br>Category<br>
<div>
<select name="Category">
<option value="Option1">Option1</option>
<option value="Option2">Option2</option>
<option value="Option3">Option3</option>
<option value="Option4">Option4</option>
</select>
</div>
</div>
<div>
<br><br>Billable
<input type="checkbox" name="Billable" value="Billable">
</div>
<div>
<br><br>
<input type="submit" value="Submit">
</div>
</div>
</form>
</article>3 Réponses :
Utilisez manquant largeur: 100% code> sur entrée et sélectionnez la balise article,form {
display:block;
}
input,
select {
width:100%;
}
Cela ne les rend pas à la même hauteur.
Vous pouvez décider de la taille de la largeur en fonction de vos besoins. Si vous êtes nouveau à cela, vous pouvez essayer une formulaire de bootstrap qui sont attrayants et réactifs dans la vue mobile aussi.En savoir plus à: https://www.w3schools.com/bootstrap/bootstrap_forms.asp
Je sais déjà comment faire la largeur. Je me concentre sur les hauteurs.
Je pense que j'ai enfin trouvé ma réponse sur ce site. Merci a tous! https://developer.mozilla.org/en-us/ DOCS / Apprendre / HTML / FORMES / StYLING_HTML_FORMS
Vous pouvez voir le didacticiel bootstrap pour apprendre le style w3schools.com/bootstrap/default.asp
Je travaille avec CSS sans Bootstrap en premier.
Vous pouvez vérifier cette CSSttudial.net