HTML para formularios
Etiqueta: form
La etiqueta <form> se utiliza para crear un formulario HTML. Un
formulario permite a los usuarios ingresar datos y enviarlos a un
servidor para ser procesados. Incluye todos los controles.
Atributos comunes:
- action: Especifica la URL a la que se enviarán los datos del
formulario.
- method: Define el método HTTP a usar ("GET" o "POST").
- enctype: Especifica cómo se codificarán los datos (por ejemplo,
multipart/form-data para subir archivos).
Etiqueta: label
Asocia texto descriptivo con un control de formulario.
Atributos comunes:
- for: ID del campo al que está asociado.
- También puede envolver directamente un elemento de entrada.
Formularios 1
Etiqueta: input type="text"
Crea un campo de texto de una sola línea para que el usuario pueda
ingresar texto.
Atributos comunes:
- name: Nombre del campo.
- value: Valor predeterminado.
- placeholder: Texto mostrado como pista.
- maxlength: Número máximo de caracteres permitidos.
Etiqueta: input type="radio"
Crea un botón de opción para seleccionar una opción dentro de un
grupo.
Atributos comunes:
- name: Identifica el grupo al que pertenece. Ha de ser el mismo.
- value: Valor asociado con la opción seleccionada.
- checked: Marca
Formularios 2
Etiqueta: input type="checkbox"
Crea una casilla de verificación que el usuario puede marcar o
desmarcar.
Atributos comunes:
- name: Nombre del campo.
- value: Valor asociado cuando está marcado.
- checked: Marca la casilla como seleccionada por defecto.
Etiqueta: input type="submit"
Crea un botón que envía el formulario.
Atributos comunes:
- value: Texto del botón.
Etiqueta: input type="reset"
Crea un botón que restablece los valores del formulario a los
predeterminados.
Atributos comunes:
- value: Texto del botón.
Formularios 3
Etiqueta: input type="password"
Crea un campo para ingresar contraseñas que oculta los caracteres
ingresados.
Atributos comunes similares a input type="text".
Etiqueta: input type="button"
Crea un botón que no tiene funcionalidad predeterminada. Puede
usarse con JavaScript para realizar acciones personalizadas.
- value: Texto del botón.
Etiqueta: input type="hidden"
Crea un campo invisible que almacena datos que se enviarán con el
formulario. Atributos comunes:
- name: Nombre del campo.
- value: Valor asociado.
Etiqueta: input type="image"
Crea un botón de envío con una imagen. Atributos comunes:
- src: URL de la imagen.
- alt: Texto alternativo.
- width y height: Dimensiones de la imagen.
Etiqueta: input type="file"
Permite al usuario seleccionar y cargar un archivo. Atributos comunes:
- name: Nombre del campo.
- accept: Tipos de archivo permitidos (por ejemplo, ".jpg, .png").
Formularios 4
Etiquetas: select y option
<select> crea un menú desplegable. <option> define cada opción
dentro del menú. Atributos comunes:
- name (select): Nombre del campo.
- value (option): Valor asociado a la opción seleccionada.
- selected: Marca una opción como seleccionada por defecto.
Etiqueta: textarea
Crea un área de texto para ingresar varias líneas. Atributos comunes:
- name: Nombre del campo.
- rows y cols: Dimensiones del área de texto.
Formularios 5
Etiquetas: fieldset y legend
<fieldset> agrupa elementos del formulario, y <legend> proporciona
una descripción para el grupo. Son útiles para mejorar la accesibilidad
y la organización visual.
Formularios 6
