Crear teclas de acceso con accesskey

4 COMENTARIOS -  Publicado hace 47 meses -  Clasificado en: , , ,

A través del atributo 'accesskey' (tecla de acceso) asignamos el foco al elemento que tenga asignado ese caracter. Los siguientes elementos soportan el atributo 'accesskey': A, AREA, BUTTON, INPUT, LABEL, LEGEND y TEXTAREA. La acción que se produzca cuando un elemento consigue el foco depende del elemento y en algunos casos del navegador. Por ejemplo, cuando un usuario activa un link definido mediante la etiqueta A, el navegador seguirá el enlace; cuando se activa un elemento radio button, estaremos cambiando el valor del radio button; cuando se activa una caja de texto, Ésta permite la introducción del mismo, etc. Sintaxis:

accesskey = caracter [CN]
Ejemplo:
<label for="nombre">Nombre:</label> 
<input type="text" name="nombre" accesskey="n">
(tecla de acceso 'n') <br/><br/>
<label for="apellidos">Apellidos:</label> 
<input type="text" name="apellidos" accesskey="a" /> 
(tecla de acceso 'a')

La invocación de las teclas de acceso depende del sistema operativo. Para sistemas Windows, generalmente es pulsando la tecla 'ALT' , más la tecla de acceso. En Mac es la tecla 'Control' más la tecla de acceso.

También te puede interesar:

COMENTARIOS

Publicado hace 6 meses
Carlos -   http://www.uv.mx

Gracias por el artículo, muy útil y claro.
Publicado hace 6 meses
Francisco -   http://www.webintenta.com

Me alegro de que te haya servido.
Publicado hace 4 meses
ronald -  
alguien sabe por que no funciona en Firefox???
Publicado hace 3 meses
Andy -   http://www.andy21.com/

En windows:
.- En explorer, safari y chrome se activa pulsando ALT+tecla
.- En firefox se activa pulsando ALT+SHIFT+tecla

¿Alguien sabe como se activa en opera?
¿Alguien lo ha probado en linux o mac?
Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com