HTML Atributo Referencia
Referencia de atributos HTML
La siguiente tabla enumera todos los atributos HTML y en qué elementos se pueden utilizar:
| Atributo | Pertenece a | Descripción |
|---|---|---|
| accept | <input> | Especifique los tipos de archivos que acepta el servidor (solo para type="file") |
| accept-charset | <form> | Especifique las codificaciones de caracteres que se utilizarán para el envío del formulario |
| accesskey | Atributos globales | Especificar una tecla de acceso directo para activar/enfocar un elemento |
| action | <form> | Especificar dónde enviar los datos del formulario cuando se envía un formulario |
| align | No compatible con HTML 5. | Especifique la alineación según los elementos circundantes. Utilice CSS en su lugar |
| alt | <area>, <img>, <input> | Especificar un texto alternativo cuando el elemento original no se muestra |
| async | <script> | Especifique que el script se ejecute de forma asincrónica (solo para scripts externos) |
| autocomplete | <form>, <input> | Especifique si el elemento <form> o <input> debe tener habilitado el autocompletado |
| autofocus | <button>, <input>, <select>, <textarea> | Especifique que el elemento debe recibir foco automáticamente cuando se carga la página |
| autoplay | <audio>, <video> | Especifique que el audio/vídeo comenzará a reproducirse tan pronto como esté listo |
| bgcolor | No compatible con HTML 5. | Especifique el color de fondo de un elemento. Utilice CSS en su lugar |
| border | No compatible con HTML 5. | Especifique el ancho del borde de un elemento. Utilice CSS en su lugar |
| charset | <meta>, <script> | Especifica la codificación de caracteres |
| checked | <input> | Especifique que <input> un elemento debe preseleccionarse cuando se carga la página (por type="checkbox" o type="radio") |
| cite | <blockquote>, <del>, <ins>, <q> | Especifica una URL que explica la cita/el texto eliminado/insertado |
| class | Atributos globales | Especifique uno o más nombres de clase para un elemento (se refiere a una clase en una hoja de estilo) |
| color | No compatible con HTML 5. | Especifique el color del texto de un elemento. Utilice CSS en su lugar |
| cols | <textarea> | Especificar el ancho visible de un área de texto |
| colspan | <td>, <th> | Especificar el número de columnas que debe abarcar una celda de la tabla |
| content | <meta> | Proporciona el valor asociado con el atributo http-equiv o nombre |
| contenteditable | Atributos globales | Especificar si el contenido de un elemento es editable o no |
| controls | <audio>, <video> | Especifique que se deben mostrar los controles de audio/vídeo (como un botón de reproducción/pausa, etc.) |
| coords | <area> | Especificar las coordenadas del área |
| data | <object> | Especifique la URL del recurso que utilizará el objeto |
| data-* | Atributos globales | Se utiliza para almacenar datos personalizados privados para la página o aplicación. |
| datetime | <del>, <ins>, <time> | Especifica la fecha y la hora |
| default | <track> | Especifique que la pista se habilitará si las preferencias del usuario no indican que otra pista sería más apropiada |
| defer | <script> | Especifique que el script se ejecute cuando la página haya terminado de analizarse (solo para scripts externos) |
| dir | Atributos globales | Especificar la dirección del texto para el contenido de un elemento |
| dirname | <input>, <textarea> | Especificar que se enviará la dirección del texto |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Especificar que el elemento/grupo de elementos especificado debe estar deshabilitado |
| download | <a>, <area> | Especifique que el destino se descargará cuando un usuario haga clic en el hipervínculo |
| draggable | Atributos globales | Especificar si un elemento se puede arrastrar o no |
| enctype | <form> | Especifique cómo se deben codificar los datos del formulario al enviarlos al servidor (solo para method="post") |
| for | <label>, <output> | Especificar a qué elemento(s) del formulario está vinculada una etiqueta/cálculo |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Especifique el nombre del formulario al que pertenece el elemento |
| formaction | <button>, <input> | Especifique dónde enviar los datos del formulario cuando se envía un formulario. Sólo para type="submit" |
| headers | <td>, <th> | Especifique una o más celdas de encabezado con las que está relacionada una celda |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Especificar la altura del elemento |
| hidden | Atributos globales | Especificar que un elemento aún no es relevante o ya no lo es |
| high | <meter> | Especifique el rango que se considera un valor alto |
| href | <a>, <area>, <base>, <link> | Especifique la URL de la página a la que va el enlace |
| hreflang | <a>, <area>, <link> | Especificar el idioma del documento vinculado |
| http-equiv | <meta> | Proporciona un encabezado HTTP para la información/valor del atributo de contenido |
| id | Atributos globales | Especifica una identificación única para un elemento |
| ismap | <img> | Especificar una imagen como mapa de imágenes del lado del servidor |
| kind | <track> | Especificar el tipo de pista de texto |
| label | <track>, <option>, <optgroup> | Especificar el título de la pista de texto |
| lang | Atributos globales | Especificar el idioma del contenido del elemento |
| list | <input> | Se refiere a un elemento <datalist> que contiene opciones predefinidas para un elemento <input> |
| loop | <audio>, <video> | Especifique que el audio/vídeo comenzará de nuevo cada vez que finalice |
| low | <meter> | Especifique el rango que se considera un valor bajo |
| max | <input>, <meter>, <progress> | Especifica el valor máximo |
| maxlength | <input>, <textarea> | Especificar el número máximo de caracteres permitidos en un elemento |
| media | <a>, <area>, <link>, <source>, <style> | Especifique para qué medio/dispositivo está optimizado el documento vinculado |
| method | <form> | Especifique el método HTTP que se utilizará al enviar datos del formulario |
| min | <input>, <meter> | Especifica un valor mínimo |
| multiple | <input>, <select> | Especificar que un usuario puede ingresar más de un valor |
| muted | <video>, <audio> | Especificar que la salida de audio del vídeo debe estar silenciada |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Especifique el nombre del elemento |
| novalidate | <form> | Especifique que el formulario no debe validarse cuando se envía |
| onabort | <audio>, <embed>, <img>, <object>, <video> | Script que se ejecutará al cancelar |
| onafterprint | <body> | Script que se ejecutará después de imprimir el documento |
| onbeforeprint | <body> | Script que se ejecutará antes de imprimir el documento |
| onbeforeunload | <body> | Script que se ejecutará cuando el documento esté a punto de descargarse |
| onblur | Todos los elementos visibles | Script que se ejecutará cuando el elemento pierda el foco |
| oncanplay | <audio>, <embed>, <object>, <video> | Script que se ejecutará cuando un archivo esté listo para comenzar a reproducirse (cuando se haya almacenado en el búfer lo suficiente para comenzar) |
| oncanplaythrough | <audio>, <video> | Script que se ejecutará cuando un archivo se pueda reproducir hasta el final sin pausar para almacenar en búfer |
| onchange | Todos los elementos visibles | Script que se ejecutará cuando se cambie el valor del elemento |
| onclick | Todos los elementos visibles | Script que se ejecutará cuando se haga clic en el elemento |
| oncontextmenu | Todos los elementos visibles | Script que se ejecutará cuando se active un menú contextual |
| oncopy | Todos los elementos visibles | Script que se ejecutará cuando se copie el contenido del elemento |
| oncuechange | <track> | Script que se ejecutará cuando la cue cambie en un elemento <track> |
| oncut | Todos los elementos visibles | Script que se ejecutará cuando se corte el contenido del elemento |
| ondblclick | Todos los elementos visibles | Script que se ejecutará cuando se haga doble clic en el elemento |
| ondrag | Todos los elementos visibles | Script que se ejecutará cuando se arrastre el elemento |
| ondragend | Todos los elementos visibles | Script que se ejecutará al final de una operación de arrastre |
| ondragenter | Todos los elementos visibles | Script que se ejecutará cuando un elemento se haya arrastrado a un destino de colocación válido |
| ondragleave | Todos los elementos visibles | Script que se ejecutará cuando un elemento abandone un destino de colocación válido |
| ondragover | Todos los elementos visibles | Script que se ejecutará cuando un elemento se arrastre sobre un destino de colocación válido |
| ondragstart | Todos los elementos visibles | Script que se ejecutará al inicio de una operación de arrastre |
| ondrop | Todos los elementos visibles | Script que se ejecutará cuando se suelte un elemento arrastrado |
| ondurationchange | <audio>, <video> | Script que se ejecutará cuando cambie la longitud del medio |
| onemptied | <audio>, <video> | Script que se ejecutará cuando suceda algo malo y el archivo de repente no esté disponible (por ejemplo, se desconecte inesperadamente) |
| onended | <audio>, <video> | Script que se ejecutará cuando los medios hayan llegado al final (un evento útil para mensajes como "gracias por escuchar") |
| onerror | <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> | Script que se ejecutará cuando se produzca un error |
| onfocus | Todos los elementos visibles | Script que se ejecutará cuando el elemento reciba el foco |
| onhashchange | <body> | Script que se ejecutará cuando haya cambios en la parte ancla de una URL |
| oninput | Todos los elementos visibles | Script que se ejecutará cuando el elemento reciba la entrada del usuario |
| oninvalid | Todos los elementos visibles | Script que se ejecutará cuando el elemento no sea válido |
| onkeydown | Todos los elementos visibles | Script que se ejecutará cuando un usuario presione una tecla |
| onkeypress | Todos los elementos visibles | Script que se ejecutará cuando un usuario presione una tecla |
| onkeyup | Todos los elementos visibles | Script que se ejecutará cuando un usuario suelte una clave |
| onload | <body>, <iframe>, <img>, <input>, <link>, <script>, <style> | Script que se ejecutará cuando el elemento termine de cargarse |
| onloadeddata | <audio>, <video> | Script que se ejecutará cuando se carguen datos multimedia |
| onloadedmetadata | <audio>, <video> | Script que se ejecutará cuando se carguen metadatos (como dimensiones y duración) |
| onloadstart | <audio>, <video> | El script se ejecutará justo cuando el archivo comience a cargarse antes de que se cargue algo |
| onmousedown | Todos los elementos visibles | Script que se ejecutará cuando se presione un botón del mouse sobre un elemento |
| onmousemove | Todos los elementos visibles | Script que se ejecutará mientras el puntero del mouse se mueva sobre un elemento |
| onmouseout | Todos los elementos visibles | Script que se ejecutará cuando el puntero del mouse salga de un elemento |
| onmouseover | Todos los elementos visibles | Script que se ejecutará cuando el puntero del mouse se mueva sobre un elemento |
| onmouseup | Todos los elementos visibles | Script que se ejecutará cuando se suelte el botón del mouse sobre un elemento |
| onmousewheel | Todos los elementos visibles | Script que se ejecutará cuando se desplaza la rueda del mouse sobre un elemento |
| onoffline | <body> | Script que se ejecutará cuando el navegador comience a funcionar sin conexión |
| ononline | <body> | Script que se ejecutará cuando el navegador comience a funcionar en línea |
| onpagehide | <body> | Script que se ejecutará cuando un usuario salga de una página |
| onpageshow | <body> | Script que se ejecutará cuando un usuario navega a una página |
| onpaste | Todos los elementos visibles | Script que se ejecutará cuando el usuario pegue algún contenido en un elemento |
| onpause | <audio>, <video> | Script que se ejecutará cuando el medio sea pausado por el usuario o mediante programación |
| onplay | <audio>, <video> | Script que se ejecutará cuando los medios hayan comenzado a reproducirse |
| onplaying | <audio>, <video> | Script que se ejecutará cuando los medios hayan comenzado a reproducirse |
| onpopstate | <body> | Script que se ejecutará cuando cambie el historial de la ventana |
| onprogress | <audio>, <video> | Script que se ejecutará cuando el navegador esté en el proceso de obtener los datos multimedia |
| onratechange | <audio>, <video> | Script que se ejecutará cada vez que cambie la velocidad de reproducción (como cuando un usuario cambia al modo de cámara lenta o avance rápido) |
| onreset | <form> | Script que se ejecutará cuando se haga clic en un botón de reinicio en un formulario |
| onresize | <body> | Script que se ejecutará cuando se cambie el tamaño de la ventana del navegador |
| onscroll | Todos los elementos visibles | Script que se ejecutará cuando se desplaza la barra de desplazamiento de un elemento |
| onsearch | <input> | Script que se ejecutará cuando el usuario escriba algo en un campo de búsqueda (por ejemplo <input="search">) |
| onseeked | <audio>, <video> | Script que se ejecutará cuando el atributo de búsqueda se establezca en falso, lo que indica que la búsqueda ha finalizado |
| onseeking | <audio>, <video> | Script que se ejecutará cuando el atributo de búsqueda esté establecido en verdadero, lo que indica que la búsqueda está activa |
| onselect | Todos los elementos visibles | Script que se ejecutará cuando se seleccione el elemento |
| onstalled | <audio>, <video> | Script que se ejecutará cuando el navegador no pueda recuperar los datos multimedia por cualquier motivo |
| onstorage | <body> | Script que se ejecutará cuando se actualice un área de almacenamiento web |
| onsubmit | <form> | Script que se ejecutará cuando se envíe un formulario |
| onsuspend | <audio>, <video> | El script que se ejecutará al recuperar los datos multimedia se detiene antes de que se cargue por completo por cualquier motivo |
| ontimeupdate | <audio>, <video> | Script que se ejecutará cuando la posición de reproducción haya cambiado (como cuando el usuario avanza rápidamente a un punto diferente en el medio) |
| ontoggle | <details> | Script que se ejecutará cuando el usuario abra o cierre el elemento <details> |
| onunload | <body> | Script que se ejecutará cuando se haya descargado una página (o se haya cerrado la ventana del navegador) |
| onvolumechange | <audio>, <video> | Script que se ejecutará cada vez que se cambie el volumen de un vídeo/audio |
| onwaiting | <audio>, <video> | La secuencia de comandos se ejecutará cuando el medio se haya detenido pero se espera que se reanude (como cuando el medio se detiene para almacenar más datos en el buffer) |
| onwheel | Todos los elementos visibles | Script que se ejecutará cuando la rueda del mouse suba o baje sobre un elemento |
| open | <details> | Especificar que los detalles deben ser visibles (abiertos) para el usuario |
| optimum | <meter> | Especificar qué valor es el valor óptimo para el medidor |
| pattern | <input> | Especifica una expresión regular con la que se compara el valor de un elemento <input> |
| placeholder | <input>, <textarea> | Especifica una breve sugerencia que describe el valor esperado del elemento |
| poster | <video> | Especifique una imagen que se mostrará mientras se descarga el video o hasta que el usuario presione el botón de reproducción. |
| preload | <audio>, <video> | Especifica si el autor cree que el audio/vídeo debe cargarse cuando se carga la página y cómo |
| readonly | <input>, <textarea> | Especificar que el elemento sea de solo lectura |
| rel | <a>, <area>, <form>, <link> | Especifica la relación entre el documento actual y el documento vinculado |
| required | <input>, <select>, <textarea> | Especifique que el elemento debe completarse antes de enviar el formulario |
| reversed | <ol> | Especifique que el orden de la lista debe ser descendente (9,8,7...) |
| rows | <textarea> | Especificar el número visible de líneas en un área de texto |
| rowspan | <td>, <th> | Especificar el número de filas que debe abarcar una celda de la tabla |
| sandbox | <iframe> | Habilita un conjunto adicional de restricciones para el contenido en un <iframe> |
| scope | <th> | Especificar si una celda de encabezado es un encabezado para una columna, fila o grupo de columnas o filas |
| selected | <option> | Especifica que se debe preseleccionar una opción cuando se carga la página |
| shape | <area> | Especificar la forma del área |
| size | <input>, <select> | Especifica el ancho, en caracteres (para <input>) o especifica el número de opciones visibles (para <select>) |
| sizes | <img>, <link>, <source> | Especificar el tamaño del recurso vinculado |
| span | <col>, <colgroup> | Especifique el número de columnas que abarcarán |
| spellcheck | Atributos globales | Especifique si el elemento debe revisarse o no su ortografía y gramática |
| src | <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> | Especifique la URL del archivo multimedia |
| srcdoc | <iframe> | Especifique el contenido HTML de la página para mostrar en el <iframe> |
| srclang | <track> | Especifique el idioma de los datos del texto de la pista (obligatorio si kind="subtitles") |
| srcset | <img>, <source> | Especifique la URL de la imagen para usar en diferentes situaciones |
| start | <ol> | Especificar el valor inicial de una lista ordenada |
| step | <input> | Especificar los intervalos numéricos legales para un campo de entrada |
| style | Atributos globales | Especificar un estilo CSS en línea para un elemento |
| tabindex | Atributos globales | Especificar el orden de tabulación de un elemento |
| target | <a>, <area>, <base>, <form> | Especifique el destino de dónde abrir el documento vinculado o dónde enviar el formulario |
| title | Atributos globales | Especifica información adicional sobre un elemento |
| translate | Atributos globales | Especificar si el contenido de un elemento debe traducirse o no |
| type | <a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> | Especificar el tipo de elemento |
| usemap | <img>, <object> | Especificar una imagen como mapa de imágenes del lado del cliente |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Especificar el valor del elemento |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Especificar el ancho del elemento |
| wrap | <textarea> | Especificar cómo se ajustará el texto en un área de texto cuando se envíe en un formulario |
