Formulario (HTML)

Form ( formulario en inglés  ) en HTML es una sección de un documento que permite al usuario ingresar información para su posterior procesamiento por parte del sistema. Sintácticamente, un formulario en HTML se especifica usando un elemento y, además del marcado de elementos regulares , contiene marcado para controles , etiquetas y otros [ 1] [ 2] .<form>  

Ejemplo

Un formulario simple para ingresar datos sobre un nuevo usuario [1] :

<!DOCTYPE html> < html > < cabeza > < juego de caracteres meta = "utf-8" /> < título > Registro </ título > </ cabeza > < cuerpo > < acción de formulario = "http://ejemplo.com/aplicación/perfil.php" método = "publicación" > < p > < etiqueta para = "nombre de usuario" > Nombre: </ etiqueta > < tipo de entrada = "texto" nombre = "nombre de usuario" /> < br /> < etiqueta para = "nick" > Mella: </ etiqueta > < tipo de entrada = "texto" nombre = "nick" /> < br /> < etiqueta para = "correo electrónico" > Dirección de correo electrónico correo: </ etiqueta > < tipo de entrada = "texto" nombre = "correo electrónico" /> < br /> < etiqueta para = "sexo" > Piso: </ etiqueta > < tipo de entrada = "radio" nombre = "sexo" valor = "masculino" /> masculino < br /> < tipo de entrada = "radio" nombre = "sexo" valor = "femenino" /> femenino < br /> < tipo de entrada = "radio" nombre = "sexo" valor = "secreto" /> No quiero responder < tipo de entrada = "enviar" valor = "Enviar" > < tipo de entrada = "restablecer" valor = "Borrar" > </ p > </ formulario > </ cuerpo > </ html >

En este ejemplo, el formulario contiene tres campos de texto para ingresar una cadena de texto, botones de opción para seleccionar un género, botones para enviar ( ing.  enviar ) y borrar ( ing.  restablecer ) el formulario.

Controles

Los controles se utilizan para la interacción del usuario con el formulario. El atributo nameespecifica el nombre del control de ámbito dentro del formulario dado.

Cada elemento de formulario tiene un valor inicial y un valor actual asociado con él. Con algunas excepciones ( <textarea>, <object>), el valor inicial puede estar dado por el value. Los valores asociados con los elementos pueden cambiar cuando el usuario o los scripts (como Javascript ) interactúan con el formulario. Al borrar ( eng.  reset ) los elementos del formulario adquieren valores iniciales. Los datos de todos los elementos de formulario activos ( eng.  exitoso ) se envían ( eng.  submit ) para su procesamiento en forma de pares de nombre-valor [1] [2] .

Tipos

Los siguientes controles están definidos en HTML:

  • botón: elemento <input>de tipos submit(enviar un formulario), image(botón de imagen), reset(borrar el formulario, llevar el formulario a su estado inicial), button(botón), así como un elemento <button>(enviar un formulario);
  • casilla de verificación (casilla de verificación): tipo checkbox;
  • botón de opción : tipo radio;
  • menú: elemento <select>con elementos <optgroup>y <option>dentro;
  • línea de texto: tipo texty elemento <textarea>(campo de texto de varias líneas);
  • contraseña: escriba password;
  • campo oculto: tipo hidden;
  • archivo: tipo file.

HTML5 define elementos adicionales ( todavía no hay compatibilidad entre navegadores ) [3] :

  • un elemento <datalist>con opciones de autocompletar para una línea de texto;
  • un elemento <output>para el resultado de un cálculo basado en otros campos;
  • un elemento <keygen>para generar un par de claves para usar en el mecanismo de autenticación .

El elemento <form>

El formulario se establece mediante el elemento <form>, dentro del cual se encuentran los controles. Además de los atributos comunes a HTML, los <form>siguientes [1] [2] pueden estar presentes :

  • action(acción) es un atributo obligatorio (no en HTML5) que contiene el URI del controlador de formulario;
  • method(método de envío de formulario) - un atributo que toma los valores GET (predeterminado) o POST;
  • enctype(tipo de codificación para el contenido) - predeterminado application/x-www-form-urlencoded(siempre para el método GET), pero generalmente se usa multipart/form-data ;
  • accept — lista de tipos MIME para descargar archivos;
  • name - nombre del formulario;
  • onsubmit - controlador de eventos "formulario enviado" (para scripts);
  • onreset - controlador de eventos: "formulario borrado" (también para scripts);
  • accept-charsetlista de conjuntos de caracteres admitidos.

Envío del formulario

Hay dos métodos para enviar un formulario: GET y POST. El método GET se recomienda en los casos en los que no hay efectos secundarios, como la búsqueda, durante el procesamiento de formularios en el lado del servidor. De lo contrario, cuando se impliquen modificaciones del lado del servidor en bases de datos, etc., se debe utilizar el método POST [1] .

Véase también

Notas

  1. ↑ 1 2 3 4 5 Especificación del lenguaje HTML Copia de archivo fechada el 4 de diciembre de 2012 en Wayback Machine , traductor: A. Piramidin, intuit.ru, ISBN 978-5-94774-648-8 , 17. Conferencia: Formularios.
  2. ↑ 1 2 3 Formularios en documentos HTML Archivado el 22 de abril de 2021 en la especificación W3C de Wayback Machine  para HTML4
  3. ↑ Elementos de formulario HTML5, w3schools (enlace descendente) . Consultado el 2 de diciembre de 2012. Archivado desde el original el 13 de mayo de 2013.