Table des matières
L'un des éléments les plus importants d'un document HTML est l'élément saisir puisqu'il s'agit de la principale source d'alimentation que nous avons pour l'utilisateur, dans ce tutoriel, nous verrons un peu plus en profondeur comment travailler avec cet élément et ses caractéristiques, ainsi que les attributs que nous pouvons utiliser à partir de HTML5.Texte de saisie
Le Texte de saisie, c'est la forme la plus basique de l'élément de saisie, elle nous permet de capturer du texte brut alphanumérique et tout caractère spécial, bien que la saisie ne soit pas mauvaise, nous devons parfois filtrer un peu plus pour obtenir les données dont nous avons vraiment besoin.
Voyons les attributs spéciaux que nous pouvons utiliser avec cet élément lorsque nous travaillons en tant que type de texte.
- nom de dossier : Cet attribut n'est pas nouveau pour HTML5, cependant, cet attribut nous permet de changer la direction de la saisie du texte soit de droite à gauche ou de gauche à droite, ce que nous utilisons normalement dans la langue occidentale.
Commenter:
Poster un commentaire
- liste: Cet attribut est nouveau dans HTML5 et cela nous donne la possibilité de spécifier l'id d'un élément liste de données Je pourrais attribuer des valeurs à cet élément.
Page d'accueil :
- longueur maximale: Une autre vieille connaissance de HTML, Ce n'est pas nouveau, mais c'est très utile car cela nous permet de limiter le nombre maximum de caractères que l'entrée accepte, par exemple lorsque nous acceptons des codes à 3 lettres, nous plaçons cet attribut avec la valeur 3 et lorsque nous essayons de saisir une quatrième lettre ce n'est pas que j'écrirais simplement.
- modèle: Nouveau dans HTML5, il nous permet d'entrer des modèles d'expressions régulières afin que nous puissions ajouter un nouveau niveau de validation sans utiliser de langages supplémentaires.
Numéro d'article:
- espace réservé : Nouvelle dans HTML5, C'est une aide visuelle nous permettant de saisir un texte qui apparaîtra dans le texte de saisie en disant un peu d'aide pour l'utilisateur, par exemple si un texte de saisie est pour la saisie du nom et du prénom, nous pourrions placer le espace réservé "Entrez le prénom et le nom séparés par un espace", en ajustant bien sûr les styles pour que tout soit esthétiquement correct.
Patate douce:
- lecture seulement: Cet attribut n'est pas nouveau en HTML5, il nous permet de rendre l'utilisateur incapable de saisir des données ou de modifier le contenu du champ qui possède cet attribut.
- obligatoire: Nouvelle dans HTML5, Cet attribut nous permet d'indiquer, si la saisie est vide, le formulaire ne doit pas encore être soumis, forçant ainsi le caractère obligatoire de son remplissage, de cette manière nous élevons un autre niveau de validation.
Adresse e-mail:
- Taille: Il nous aide à spécifier la largeur de l'élément d'entrée, cet attribut n'est pas nouveau, cependant il est très important car il nous aide à donner un meilleur visuel du texte que l'utilisateur doit saisir, en plus de nous aider esthétiquement à créer homogène champs de saisie, pour pouvoir tous les placer avec une largeur supérieure à celle qui est apportée par défaut.
- valeur: Ce n'est pas nouveau en HTML5, cet attribut nous permet de placer des valeurs dans un texte d'entrée, il est différent du placeholder puisque ce qui est en valeur assigné lors de la soumission s'il serait envoyé comme contenu de l'élément, est assez utilisé pour remplir un formulaire avec le contenu qu'il est amené de la base de données lorsque nous utilisons un langage serveur.
Dans la prochaine partie du didacticiel, nous verrons quelques exemples pratiques d'utilisation de certains de ces attributs.
Mettre à jour: Partie 2 de ce tutorielAvez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif
