Maison  >  Article  >  interface Web  >  Introduction à l'utilisation des compétences du didacticiel HTML5 autofocusattribut_html5

Introduction à l'utilisation des compétences du didacticiel HTML5 autofocusattribut_html5

WBOY
WBOYoriginal
2016-05-16 15:49:102858parcourir

Texte original : Attribut autofocus HTML5
Heure de publication originale : 27 août 2012
Heure de traduction : 6 août 2013
HTML5 a lancé de nombreuses fonctionnalités merveilleuses Quelque chose pour nous .
Dans le passé, nous devions utiliser JavaScript et Flash pour effectuer des tâches, telles que la validation de formulaire, les invites vides dans la zone de saisie (Espaces réservés INPUT), le téléchargement et le téléchargement de fichiers côté client (fichier côté client naming) , ainsi que la lecture audio/vidéo, peuvent désormais être réalisés avec du HTML de base. Une autre fonctionnalité HTML simple nous permet désormais de définir automatiquement le focus d'entrée sur l'élément souhaité une fois le chargement de la page terminé, via un attribut appelé autofocus.
Le code est aussi simple que :

Copiez le code
Le code est le suivant :




Lorsque l'attribut de mise au point automatique est défini, les éléments d'entrée, de zone de texte et de bouton seront automatiquement sélectionnés après le la page est chargée. (C'est-à-dire obtenir le focus). J'ai essayé d'autres éléments (tels que les balises h1), tabIndex=0, mais l'attribut autofocus n'a aucun effet sur ces éléments.
Cet attribut est utile sur les pages dont l'objectif principal est de collecter des informations, comme la page d'accueil de Google (elle est utilisée dans 99 % des cas pour la recherche) ou les assistants d'installation en ligne (comme l'installateur de WordPress). Et le plus important est - aucun JavaScript n'est requis.
Le code complet de la page est le suivant :

Copiez le code
Le code est le suivant :










" />




Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn