Baseline Widely available *
Definiciónbutton = botón.
Es el elemento crea botones marcadores.
<button> representa un elemento cliqueable de tipo botón que puede ser utilizado en formularios o en cualquier parte de la página que necesite un botón estándar y simple de aplicar. De forma predeterminada, los botones HTML se presentan con un estilo similar en todas las plataformas, estos estilos se pueden cambiar utilizando CSS.
Sus etiquetas son: <button> y </button> (ambas obligatorias).
Crea una caja: en linea.
Está definido como: Elemento de control para formulario.
Puede contener: Texto y/o cero o más elementos en Bloque o en linea, con las siguientes excepciones: (A|%formctrl;|FORM|FIELDSET)
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup. EspecÃficos name Asigna un nombre de control. Texto con limitaciones Lo fija el navegador. value Asigna un valor inicial que será enviado con el formulario. Texto Lo fija el navegador. type Indica el tipo de botón. Uno de los siguientes: (button|submit|reset) PD.: submit. disabled Indica que el control está desabilitado. disabled. Lo fija el navegador. disabled. accesskey Define una tecla de acceso rápido. Importante para la Accesibilidad. Un carácter o letra. Lo fija el navegador. tabindex Asigna un número de posición en el orden de tabulación. Un número entre 0 y 32767. Lo fija el navegador. reserved Reservado para un uso futuro que nunca tubo. Inútil - - Eventos: onfocus onblur De transición No tiene atributo descripción valor por omisión Ejemplos de uso
<button name="button">Click me</button>
Los botones que solamente utilizan un Ãcono para representar una funcionalidad no tienen un nombre accesible para los lectores de no-videntes. Para arreglar esto debemos proveer un nombre para el botón que describa la funcionalidad de este.
Ejemplo<button name="favorito" type="button"> <svg aria-hidden="true" viewBox="0 0 10 10"><path d="m7.4 8.8-2.4-1.3-2.4 1.3.46-2.7-2-1.9 2.7-.39 1.2-2.5 1.2 2.5 2.7.39-1.9 1.9z"/></svg> Agregar a favoritos </button>
Esto también ayudará a los usuarios videntes que no estén familiarizados con el significado del Ãcono ya que podrán entender su significado pasando el cursor por encima del elemento.
Para más información (en inglés):
Si el sitio tiene una gran cantidad de elementos interactivos muy cercanos entre ellos esto puede generar una dificultad en los usuarios con discapacidades motrices. Es ideal que estos elementos tengan una separación para evitar que el usuario cliquee el incorrecto. Puedes utilizar la propiedad margin para separarlos.
Más información (en inglés):
Especificaciones Compatibilidad con navegadores ReferenciaNota: Estamos ampliando este documento, posiblemente contenga carencias y defectos. ¡Estamos en obras!... disculpen las molestias.
¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4