input
Il existe plusieurs forme de champ de saisie input.
L'attribut type permet de les différencier.
Définition : text
text : permet de saisir du texte. c'est le type par défaut.
Nom <input type="text" />
Définition : checkbox
checkbox : case à cocher. Plusieurs cases peuvent être cochées.
checked : permet de valider par défaut
<input type="checkbox" />choix1
<input type="checkbox" checked />choix2
Définition : radio
radio: radio bouton. Un bouton parmi l'ensemble peut être cochées.
checked : permet de valider par défaut
name : ils doivent avoir tous le même name
<input type="radio" name="choix" />choix1
<input type="radio" name="choix" checked />choix2
Définition : submit
submit : permet d'envoyer le formulaire.
value : contenu du bouton
<input type="submit" value="Validez" />
Définition : file
file : permet de sélectionner un fichier
multiple : permet de choisir plusieurs fichiers
accept : permet de limiter le format de fichier
<input type="file" />
<input type="file" multiple />
<input type="file" accept=".jpg, .jpeg, .png">
Définition : password
password : permet de saisir un mot de passe. Les caractères sont affichés sous forme de points.
<input type="password" />
Définition : hidden
hidden : le champ est caché. permet d'envoyer des données à l'insu de l'utilisateur. tel que des identifiants, des jetons de sécurité.
<input type="hidden" value="3" />
Définition : Contrôle du texte
Signale une erreur lors de la validation du formulaire.
email : email
url : url
<form><input type="email" />
<input type="url" />
<input type="submit" />
</form> Définition : Contrôle et aide à la saisie du texte
date : date
datetime-local : date et heure
month : mois
time : heure
week : week
number : nombre
<input type="date" />Date
<input type="datetime-local" />Datetime-local
<input type="month" />Month
<input type="time" />Time
<input type="week" />Semaine
<input type="number" />Number
Définition : range
range : valeur numérique comprise entre deux bornes.
<input type="range" min="0" max="10" />
Définition : color
color : permet de sélectionner une couleur.
<input type="color" />
Définition : Attributs
name : nom de la variable envoyée au serveur
value : valeur par défaut de la variable envoyée au serveur
size : taille en caractères pour les champs contenant du texte
required : la saisie du champ est obligatoire
readonly : le champ est en lecture seule
disabled : le champ est désactivé
placeholder : texte indicatif
pattern : expression régulière de validation du champ contenant du texte
minlength : nombre de caractères min
maxlength : nombre de caractères max