Commentaire: Une fonction HTML simple nous permet désormais de localiser automatiquement le foyer d'entrée aux éléments requis après le chargement de la page. Il est terminé via un attribut appelé Autofocus. Les amis intéressés peuvent en savoir plus.
Texte d'origine: HTML5 Autofocus Attribute
Date de sortie originale: 27 août 2012
Temps de traduction: 6 août 2013
HTML5 a lancé beaucoup de grandes choses pour nous.
Dans le passé, les tâches que nous voulions accomplir avec JavaScript et Flash, telles que la vérification du formulaire, les invites vierges de boîte d'entrée (espaces réservées), le téléchargement et le téléchargement du fichier client (dénomination du fichier côté client) et le jeu audio / vidéo, peuvent désormais être complétés avec HTML de base. Une autre fonctionnalité HTML simple est qu'elle nous permet désormais de localiser automatiquement la mise au point d'entrée à l'élément requis après le chargement de la page et de le terminer via une propriété appelée autofocus.
Le code est aussi simple que le suivant:
<! - Tout cela fonctionne! ->
<entrée autofocus = "autofocus" />
<Button autofocus = "Autofocus"> Salut! </fut Button>
<TextArea AutofOCUS = "Autofocus"> </ TextArea>
Une fois la propriété Autofocus définie, les éléments d'entrée, de textarea et de bouton seront automatiquement sélectionnés après le chargement de la page (c'est-à-dire en se concentrant). J'ai essayé d'autres éléments (tels que H1 TAG), Tabindex = 0, mais la propriété Autofocus n'a aucun effet sur ces éléments.
Cet attribut est utile dans le but principal d'obtenir des pages dont le but principal est la collecte d'informations, telles que la page d'accueil de Google (99% des cas sont utilisés pour la recherche) ou des assistants d'installation en ligne (tels que l'installateur de WordPress). Et le plus important est que JavaScript ne nécessite pas de participation.
Le code de page complet est le suivant:
<! Doctype html>
<html>
<adal>
<Title> Test d'attribut Autofocus HTML5 </TITAL>
<meta content = "editPlus">
<Meta Content = "[email protected]">
<meta content = "original = http: //davidwalsh.name/autofocus">
</ head>
<body>
<! - En principe, un seul des trois éléments suivants peut être défini. Si plusieurs éléments sont définis, le dernier élément doit obtenir le foyer ->
<! -
->
<div>
<entrée autofocus = "autofocus" />
<Button autofocus = "Autofocus"> Salut! </fut Button>
<TextArea AutofOCUS = "Autofocus"> </ TextArea>
</div>
</docy>
</html>