Mise au point du formulaire HTML par défaut sans JavaScript

Est-il possible de définir le focus d’entrée par défaut sur un formulaire HTML sans utiliser JavaScript, par exemple:

 
Input 1:
Input 2:

Je veux définir le focus par défaut sur l’une des zones de texte lorsque le formulaire est chargé sans utiliser JavaScript (car je souhaite que le comportement se produise lorsqu’un utilisateur a désactivé js).

Vous pouvez le faire en HTML5, mais sinon, vous devez utiliser JavaScript.

HTML5 vous permet d’append l’ autofocus à votre élément de formulaire, par exemple:

  

Cela fonctionne dans les navigateurs qui prennent 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.

Si vous définissez un élément de formulaire ciblé, toute personne utilisant Assisted Technology (AT) comme un lecteur d’écran devra sauvegarder pour afficher les menus et tout autre contenu situé avant le champ ciblé.

Une méthode privilégiée, à mon avis, est de ne pas mettre l’accent sur un champ, sauf un lien de saut s’il est disponible. Cela leur donne la possibilité de passer directement au contenu des pages ou de lire la page du haut vers le bas.

Comme d’autres l’ont déjà dit, sans Javascript, vous ne pouvez pas garantir un champ par défaut. Une option alternative que vous pourriez vouloir essayer, si vous avez plusieurs champs auxquels un utilisateur peut vouloir accéder utilise l’atsortingbut accesskey . Cela signifie essentiellement qu’un utilisateur peut retourner à l’un des champs immédiatement plus tard pendant la navigation, ce qui peut s’avérer 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

Ce n’est pas possible sans une forme de script. Même la page d’accueil de Google nécessite que Javascript soit utilisé pour cibler le champ de recherche.

Vous pouvez peut-être utiliser l’atsortingbut tabindex et utiliser la valeur la plus basse sur 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 est très bien supporté)