HTML est la pierre angulaire du Web. Connaître certaines parties moins connues mais utiles de ce langage de balisage peut vous faciliter la vie. Les attributs HTML offrent plusieurs fonctionnalités qui peuvent vous aider à tirer le meilleur parti du HTML. Il définit des caractéristiques ou propriétés supplémentaires d'un élément HTML.

Dans cet article, vous découvrirez 11 attributs HTML dont vous n'avez probablement pas encore entendu parler.

1. plusieurs

Cet attribut permet aux utilisateurs de saisir plusieurs valeurs. Vous pouvez utiliser l'attribut multiple avec balises et Mots clés. Cet attribut booléen n'est valide que pour les types d'entrée de courrier électronique ou de fichier.

Utilisation de plusieurs attributs avec


Utilisation de plusieurs attributs pour l'entrée de fichier

En utilisant l'attribut multiple pour l'entrée de fichier, vous pouvez sélectionner plusieurs fichiers (en maintenant la touche Changement ou Ctrl clés).

instagram viewer

Utilisation de plusieurs attributs pour la saisie d'e-mails

En utilisant l'attribut multiple pour la saisie des e-mails, vous pouvez entrer une liste d'adresses e-mail séparées par des virgules. Tous les espaces blancs seront supprimés de chaque adresse de la liste.

2. contenteditable

Vous pouvez rendre le contenu HTML modifiable sur une page Web à l'aide de l'attribut contenteditable. Il s'agit d'un attribut global, c'est-à-dire qu'il est commun à tous les éléments HTML.


Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incident ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercice
ullamco laboris nisi ut aliquip ex ea commodo consequat.

3. correcteur orthographique

L'attribut de vérification orthographique spécifie si l'élément peut être vérifié pour les fautes d'orthographe ou non. Vous pouvez vérifier l'orthographe du texte dans le éléments, texte dans les éléments modifiables ou texte dans les éléments d'entrée (à l'exception des mots de passe).


Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.

Connexe: L'aide-mémoire HTML Essentials: balises, attributs et Plus

4. download

Vous pouvez télécharger une ressource en utilisant l'attribut download. L'attribut download indique au navigateur de télécharger l'URL spécifiée au lieu d'y accéder. Vous pouvez utiliser l'attribut de téléchargement avec les balises et .

Remarque: L'attribut de téléchargement seul fonctionne avec des URL de même origine. Il suit les règles de la politique de même origine.

Télécharger

5. accept

L'attribut accept de la balise spécifie le type de fichiers qu'un utilisateur peut télécharger. Vous pouvez spécifier une liste séparée par des virgules d'un ou plusieurs types de fichiers comme valeur.

Accepter un fichier audio

Accepter un fichier vidéo

 code>

Accepter un fichier image

 code>

Accepter un fichier Microsoft Word

accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">

Accepter les fichiers PNG ou JPEG

Accepter un fichier PDF

Connexe: Des effets HTML sympas que tout le monde peut ajouter à ses sites Web

6. translate

L'attribut translate indique au navigateur que l'élément doit être traduit ou non lorsque la page est localisée. Il peut avoir 2 valeurs: "oui" ou "non".


Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.

Connexe: Exemples de code HTML simples que vous pouvez apprendre en 10 Minutes

7. poster

L'attribut poster est utilisé pour afficher une image pendant le téléchargement de la vidéo ou jusqu'à ce que l'utilisateur joue le vidéo.

Remarque: Si vous ne spécifiez rien, rien ne s'affiche tant que la première image n'est pas disponible. Lorsque la première image est disponible, elle est affichée comme image d'affiche.

src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">

8. inputmode

L'attribut inputmode indique au navigateur quel clavier afficher lorsqu'un utilisateur a sélectionné un élément input ou textarea. Cet attribut accepte différentes valeurs :

Aucun

Numérique

Tél

Décimal

E-mail

URL

9. pattern

L'attribut pattern de l'élément vous permet de spécifier une expression régulière pour laquelle la valeur de l'élément sera validée. Vous pouvez utiliser l'attribut pattern avec plusieurs types d'entrée comme le texte, la date, la recherche, l'URL, le téléphone, l'e-mail et le mot de passe.

Connexe: Meilleurs sites pour Exemples de codage HTML de qualité

10. autocomplete

L'attribut autocomplete spécifie si le navigateur doit automatiquement terminer la saisie en fonction des entrées de l'utilisateur ou non. Vous pouvez utiliser l'attribut de saisie semi-automatique avec plusieurs types d'entrée comme le texte, la recherche, l'URL, le téléphone, l'e-mail, le mot de passe, les sélecteurs de date, la plage et la couleur. Vous pouvez utiliser cet attribut avec les éléments ou

éléments.

11. autofocus

L'attribut autofocus est un attribut booléen indiquant qu'un élément doit être focalisé sur le chargement de la page. Vous pouvez utiliser cet attribut avec , , , , ou éléments.

Utilisation de l'attribut autofocus avec élément d'entrée

< /code>

Utilisation de l'attribut autofocus avec l'élément select

Utiliser l'attribut autofocus avec l'élément textarea

Si vous souhaitez consulter le code source complet utilisé dans cet article, consultez le Dépôt GitHub.


 Simplifiez-vous la vie avec JavaScript One-Liners


Le code à une ligne permet d'en faire plus avec moins de code. Vous pouvez utiliser plusieurs one-liners JavaScript pour coder comme un pro.


Avec une seule ligne de code, vous pouvez mélanger un tableau, trouver la moyenne d'un tableau, vérifier si un tableau est vide, générer une couleur hexadécimale aléatoire, générer un UUID aléatoire, etc.



11 One-Liners JavaScript que vous devriez connaître
Réalisez beaucoup avec juste un peu de code en utilisant cette large gamme de one-liners JavaScript.




Lire la suite

PartagerTweeterE-mail




Rubriques connexes
    

  • La programmation
    • 

  • HTML
    • 

  • Langages de programmation
    • 

  • Conseils de codage
    • 




A propos de l'auteur





Yuvraj Chandra (78 articles publiés)
Yuvraj est un étudiant de premier cycle en informatique à l'Université de Delhi, en Inde. Il est passionné par le développement Web Full Stack. Lorsqu'il n'écrit pas, il explore la profondeur de différentes technologies.

Plus de Yuvraj Chandra







Abonnez-vous à notre newsletter


Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !


Cliquez ici pour vous abonner