l’élément <input> d’un formulaire

• Cet élément crée un champ de saisie de texte d’une seule ligne.
• Attributs
1. name
2. size
• size="nombre". Détermine la largeur de la zone en nombre de caractères.
3. maxlength
• maxlength="nombre". Détermine le nombre maximal de caractères que l’utilisateur est autorisé à saisir.
4. value
• value="texte". Définit un texte par défaut tant que l’utilisateur ne l’a pas modifié.
• C’est cette valeur qui est transmise au serveur si l’internaute ne saisit aucun texte
• Exemple:

<input type ="text" name="nom" size="30" maxlength="40" value="Votre nom"/>

• Crée un champ de saisie d’adresse e-mail identique à un champ de texte, mais qui à d’autres attributs spécifiques comme pattern.
• Attributs
1. size
• Même rôle que précédent
2. maxlength
• Même rôle que précédent
3. pattern
• L’attribut pattern contient un motif d’expression régulière, le navigateur vérifie la validité de la saisie et avertit l’utilisateur en cas d’erreur.
• Exemple:

<input type ="email" name="mail" size="50" pattern="(^[a-z0-9]+)@([a-z0-9])
+(\.)([a-z]{2,4})"/>

• Crée un champ de saisie de numéro de téléphone qui a aussi l’aspect d’une zone de saisie de texte. On peut également lui ajouter l’attribut pattern contenant une expression régulière. Par exemple, nous pouvons écrire :

<input type ="tel" name="tel" pattern="^0[0-9]{9}" />

• Crée un champ de saisie de mot de passe semblable à un champ texte mais dans lequel les caractères saisis sont invisibles et remplacés par des astérisques.

• Crée un champ de saisie de nombre
• Attributs
1. min et max
• Utiliser ces deux attributs pour fixer un intervalle de valeurs autorisées
2. required
• l’attribut required est utilisé pour rendre une saisie obligatoire.

• Crée un champ de saisie de date au format AAA-MM-JJ. Certains navigateurs affichent un calendrier qui permet d’éviter les erreurs de saisie.

1. min et max
• Utiliser ces deux attributs pour fixer un intervalle de dates autorisées
2. Step
• L’attribut step est un nombre qui définit la granularité de la valeur ou le mot-clé any. Seule les valeurs qui sont des multiples de cet attribut depuis le seuil min sont valides.
3. any
• Lorsque la chaîne de caractères any est utilisée, cela indique qu’aucun incrément spécifique n’est défini et que toute valeur (comprise entre min et max) est valide.

<input type ="date" name="ladate" min="2018-07-11" max="2019-07-12" />

• Crée un bouton radio. Employé seul, un bouton radio peut servir à valider des choix.Employé en groupe, il implique, à la différence de cases à cocher, qu’un seul choix est autorisé. Dans ce cas, tous les boutons radio du groupe doivent avoir une même valeur pour l’attribut "name".

• Crée une case à cocher utilisée pour effectuer un ou plusieurs choix parmi ceux qui sont préétablis par le programmeur.
• Attributs
1. value
• L’attribut value est obligatoire, il contient le texte qui sera transmis au serveur si l’utilisateur coche la case.

• Crée un bouton sur lequel l’utilisateur doit cliquer pour déclencher l’envoi des données de tout le formulaire vers le serveur.
• Il est indispensable d’avoir au moins un bouton d’envoi par formulaire, mais il est possible d’en utiliser plusieurs.
• Le clic sur l’un de ces boutons est alors analysé par le script désigné par l’attribut action de l’élément "form>.

• Crée un bouton de réinitialisation du formulaire et non d’effacement systématique, comme on le croit souvent.
• Si les éléments du formulaire ont des attributs value qui définissent des valeurs par défaut, ce sont ces valeurs qui apparaissent au démarrage de la page et qui sont ré-affichées si l’utilisateur clique sur le bouton reset.

• Permet le transfert de fichiers du poste client vers le serveur. Cet élément crée un champ de saisie de même aspect qu’un champ de texte et un bouton de sélection de fichier permettant à l’utilisateur de choisir le fichier à transférer.

• Crée un champ caché n’ayant, comme son nom l’indique, aucun rendu visuel dans le formulaire mais permettant de transmettre des informations invisibles pour l’utilisateur.