Est-il possible de définir le focus d'entrée par défaut sur un formulaire HTML sans utiliser JavaScript, par exemple:
<html>
<form>
Input 1: <input type="text" name="textbox1"/>
<br/>
Input 2: <input type="text" name="textbox2"/>
</form>
</html>
Je souhaite définir le focus par défaut sur l'une des zones de texte lorsque le formulaire se charge sans utiliser JavaScript (car je souhaite que le comportement se produise lorsqu'un utilisateur a désactivé js).
Réponses:
Vous pouvez le faire en HTML5, mais sinon, vous devez utiliser JavaScript.
HTML5 vous permet d'ajouter autofocusà votre élément de formulaire, par exemple:
<input type="text" name="myInput" autofocus />Cela fonctionne dans les navigateurs prenant en charge HTML5 (ou plutôt, les navigateurs qui prennent en charge cette partie particulière de HTML5) mais comme vous le savez, tout le monde ne peut pas encore l'utiliser.
Quelque chose à savoir ... si vous définissez un élément de formulaire ciblé, toute personne utilisant la technologie assistée (AT) comme un lecteur d'écran devra faire une sauvegarde pour voir les menus et tout autre contenu qui se trouve avant le champ ciblé.
Une méthode préférée, à mon avis, est de ne mettre le focus sur aucun champ, à l'exception d'un saut de lien s'il est disponible. Cela leur donne la possibilité de sauter dans le contenu des pages ou de lire la page de haut en bas.
Comme d'autres l'ont dit, sans Javascript, vous ne pouvez pas garantir un champ par défaut. Une autre option que vous voudrez peut-être essayer, si vous avez plusieurs champs auxquels un utilisateur peut vouloir accéder, consiste à utiliser l' accesskeyattribut. Cela signifie essentiellement qu'un utilisateur peut revenir à l'un ou l'autre des champs instantanément plus tard pendant la navigation, ce qui peut être utile pour les utilisateurs de lecteurs d'écran, etc.
L'article de Wikipedias sur ce sujet est très utile - http://en.wikipedia.org/wiki/Access_key
Cela n'est pas possible sans une forme de script. Même la page d'accueil de Google nécessite Javascript pour concentrer le champ de recherche.
Vous pourrez peut-être utiliser l' attribut tabindex et utiliser la valeur la plus basse dans la zone de texte par défaut. Vérifiez ici la prise en charge du navigateur:
http://reference.sitepoint.com/html/object/tabindex#compatibilitysection
Le site suggère que
(dans presque tous les autres cas, à savoir les contrôles de formulaire et les liens, le tabindex a un excellent support)