Volver atrás

Otros componentes de formulario


Elemento <label>


El elemento <label> es útil para los usuarios de lectores de pantalla, porque el lector de pantalla leerá en voz alta la etiqueta cuando el usuario se concentre en el elemento de entrada.

El elemento <label> también ayuda a los usuarios que tienen dificultades para hacer clic en regiones muy pequeñas (como botones de radio o casillas de verificación), porque cuando el usuario hace clic en el texto dentro del elemento <label>, alterna el botón de radio/casilla de verificación.

El atributo for de la etiqueta <label> debe ser igual al atributo id del elemento <input> para unirlos.

Utilice siempre la etiqueta <label> para definir etiquetas para <input type="text">, <input type="checkbox">, <input type="radio">, <input type="file"> y <input tipo="password">.

Elemento <select>

Define una lista desplegable.

Los elementos <option> definen una opción que se puede seleccionar. De forma predeterminada, se selecciona el primer elemento de la lista desplegable. Para definir una opción preseleccionada, agregue el atributo selected a la opción.

Use el atributo size para especificar el número de valores visibles. Por ejemplo: size="3"

Utilice el atributo multiple para permitir que el usuario seleccione más de un valor

También se pueden agrupar opciones por categorías, encerrándolas entre etiquetas <optgroup></optgroup>

Elemento <datalist>

Especifica una lista de opciones predefinidas para un elemento <input>. Los usuarios verán una lista desplegable de las opciones predefinidas a medida que ingresan los datos.

El atributo list del elemento <input> debe hacer referencia al atributo id del elemento <datalist>.

Elemento <textarea>

Los elementos <textarea> permiten escribir varias líneas.

El atributo rows especifica el número visible de líneas en un área de texto. El atributo cols especifica el ancho visible de un área de texto. También puede definir el tamaño del área de texto usando CSS.

Elemento <button>

Define un botón en el que se puede hacer clic. Especifique siempre el atributo type para el botón. Diferentes navegadores pueden usar diferentes tipos predeterminados para el elemento de botón.

Elementos <fieldset> y <legend>

Datos personales:




El elemento <fieldset> se utiliza para agrupar datos relacionados en un formulario. El elemento <legend> define un título para el elemento <fieldset>.

Elemento <output>

0 100 + =

Representa el resultado de un cálculo (como uno realizado por un script).