Formulaires

Le langage CSS permet de styliser les formulaires HTML, afin de les rendre plus attrayants et de les faire correspondre avec le design et la mise en page.

Styliser les champs input

Pour définir une largeur à un champ input, il faut utiliser la propriété width.

Exemple :

input {
    width: 400px; /* Les champs du formulaire ont une largeur de 400px */
}

Marges intérieures sur les inputs

Pour ajouter un espace entre le bord du champ de texte et l’endroit où l’utilisateur doit commencer à écrire son texte, il faut utiliser la propriété padding.

Remarque : S’il y a plusieurs champs à la suite, il est recommandé de définir également des marges extérieures avec margin. Cela laissera plus d’espace à l’extérieur des champs.

Exemple :

input[type="text"] {
    padding-left: 20px;
}

Ajouter une bordure