Crear teclas de acceso con accesskey

Comentarios 4 COMENTARIOS
Tags 11/04/2006 -  Tags , , ,

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
1 Carlos
http://www.uv.mx

Gracias por el artículo, muy útil y claro.
2 Francisco
http://www.webintenta.com

Me alegro de que te haya servido.
3 ronald

alguien sabe por que no funciona en Firefox???
4 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