Atributos en HTML
Hasta ahora hemos visto los atributos específicos que se pueden aplicar a cada una de las etiquetas. Pero existen unos atributos que se pueden aplicar a la mayoría de las etiquetas. Estos son los atributos generales y los atributos de eventos.
Atributos Generales
Atributos Valor Descripción class nombre de la clase Asigna un nombre de clase. El atributo class actúa: Como selector para las hojas de estilo(CSS), cuando se asigna información de estilo a un conjunto de elementos. Para procesos generales por parte del usuario. id nombre Asigna un nombre a un elemento. El atributo id actúa: Como selector para las hojas de estilo(CSS). Como vínculo destino para vínculos de hipertexto. Como medio de hacer referencia a un elemento en particular desde un script. Como nombre de un elemento object declarado. Para procesos generales por parte del usuario. style estilo Este atributo especifica información de estilo para el elemento actual. title nombre Este atributo ofrece información consultiva sobre el elemento para el cual se establece. dir ltr o rtl Especifica la dirección del texto. Valores posibles: ltr : De izquierda a derecha (left to right). rtl : De derecha a izquierda (right to left). lang código del idioma Especifica el idioma base de los valores de los atributos y del texto contenido en un elemento. El atributo lang es útil para: Ayudar a los motores de búsqueda. Ayudar a los sintetizadores de voz. Ayudar al agente de usuario a hacer decisiones sobre separación de palabras, ligaduras, y espaciado. Ayudar a los verificadores de ortografía y gramática.Atributos de eventos
Los eventos son acciones determinadas que pueden producirse por la acción del usuario (como hacer un clic con el ratón) como acciones pro el propio dinamismo de la página (carga de la página). Estos son los atributos de eventos:
Evento Valor Descripción onkeydown script El evento se activa cuando se pulsa una tecla. onkeypress script El evento se activa cuando se pulsa y se suelta una tecla. onkeyup script El evento se activa cuando una tecla se suelta. onclick script El evento se activa cuando se hace clic con el ratón. ondblclick script El evento se activa cuando se hace doble clic con el ratón. onmousedown script El evento se activa cuando el botón del ratón se pulsa cuando está encima de un elemento. onmousemove script El evento se activa cuando el ratón se mueve mientras está sobre un elemento. onmouseout script El evento se activa cuando el ratón se aparta de un elemento. onmouseover script El evento se activa cuando el ratón se sitúa sobre un elemento. onmouseup script El evento se activa cuando el botón del ratón se suelta cuando está encima de un elemento. onfocus script El evento se activa cuando el elemento tiene el foco. onblur script El evento se activa cuando el elemento pierde el foco. onload script El evento se activa cuando se carga la página. onunload script El evento se activa cuando el usuario abandona la página. onchange script El evento se activa cuando se modifica una entrada de texto de un input, textarea o select. onselect script El evento se activa cuando se selecciona texto de una entrada de texto input o textarea. onsubmit script El evento se activa antes de enviarse un formulario. onreset script El evento se activa cuando se resetea un formulario.Eventos de teclado
Son los que se activan cuando realizamos cualquir acción sobre el teclado: onkeydown, onkeypress, onkeyup.
Se aplica a todas las etiquetas de HTML 4.01 expecto a applet, base, basefont, bdo, br font, frame, frameset, head, html, iframe, isindex, meta, param, script, style y title.
Ejemplos:
Presiona y suelta una tecla: <input onkeypress="alert('Has presionado y soltado una tecla.')">
Presiona una tecla aquí<input onkeydown="alert('Has presionado una tecla.')">
Suelta una tecla: <input onkeyup="alert('Has soltado una tecla.')">
Eventos de teclado
Son los que se activan cuando realizamos cualquir acción sobre el teclado: onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover y onmouseup.
Se aplica a todas las etiquetas de HTML 4.01 expecto a applet, base, basefont, bdo, br font, frame, frameset, head, html, iframe, isindex, meta, param, script, style y title.
Ejemplos:
Google.com Google
Eventos onfocus y onblur
Los eventos onfocus y onblur se activan cuando etiquetas como a, textarea, area, button, label, input y select cogen o pierden el foco.
Ejemplo:
Eventos onload y onunload
Los eventos onload y onunload se activan cuando se carga la página y cuando el usuario abandona la página. Se utilizan con las etiquetas body, frameset o el objeto window.
Ejemplo:
El evento onchange El evento onchange se activa cuando se selecciona un texto de un textarea o de un input o un select. Ejemplo: Modifica los siguientes textos: El evento onselect El evento onselect se activa cuando se selecciona un texto de un textarea o de un input con atributo text. Ejemplo: Selecciona el siguientes textos: El evento onreset y onsubmit El evento se activa cuando se envia un formulario o cuando se resetea el formulario. Es válido para la etiqueta form. Suele ser válido para hacer una validación de los valores del formulario por javascript.