Scribd
Cargar
6 vistas

Explicacion Formularios HTML

Cargado por

srtanikita69
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
6 vistas

Explicacion Formularios HTML

Cargado por

srtanikita69
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 6

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

También podría gustarte