Introduction à l'attribut autofocus en HTML5

Cet article présente principalement l'attribut autofocus en HTML5. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

HTML5 nous apporte tout un tas de choses étonnantes. Les tâches qui devaient auparavant être effectuées avec JavaScript et Flash, telles que la validation de formulaire, les espaces réservés INPUT, le renommage client des fichiers téléchargés et audio/vidéo, peuvent toutes être effectuées en utilisant le HTML de base

Voici une simple fonction HTML5 est de permettre au focus d'entrée de tomber automatiquement sur un élément lorsque la page est chargée ; cette action est effectuée à l'aide de l'attribut autofocus.

Le code HTML est très simple :

Copiez le code

Le code est le suivant :

<!-- These all work! -->
<input autofocus="autofocus" />
<button autofocus="autofocus">Hi!</button>
<textarea autofocus="autofocus"></textarea>

Avec l'attribut autofocus, ces éléments INPUT, TEXTAREA ou BUTTON peuvent être sélectionnés lors du chargement de la page. Mais si vous utilisez des éléments d’affichage purs, comme les balises H1, l’attribut autofocus n’est pas simple à utiliser.

Cette propriété peut être très utile dans certaines situations. Par exemple, la page d'accueil de Google est l'endroit où les gens l'utilisent pour effectuer des recherches 99 % du temps, donc une fois la page chargée, le curseur doit être positionné dans la zone de saisie. Dans le passé, JavaScript était nécessaire pour le compléter, mais maintenant ce n'est plus nécessaire, HTML peut le compléter tout seul.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!