Los formularios

Eduardo Antonio García Galeano #10

William Ernesto Velasco Marenco #28
 ¿Qué son formularios HTML?

• Los formularios HTML son uno de los puntos principales de interacción entre un
usuario y un sitio web o aplicación. Ellos permiten a los usuarios enviar información
a un sitio web. La mayor parte de las veces se envía información a un servidor web,
pero la pagina web también puede interceptarla para usarla por su lado.
Un formulario HTML está hecho de uno o más widgets. Estos widgets puede ser
campos de texto (de una linea o multilínea), cajas de selección, botones, checkboxes,
o botones de radio. La mayoría del tiempo, estos widgets están junto a un label que
describe su propósito.
 Tipos de formulario HTML
• La etiqueta FORM
• Los formularios están delimitados con la etiqueta <FORM> ... </FORM>. Esta etiqueta agrupa varios elementos del
formulario, como botones y casillas de texto, y posee 2 atributos: METHOD y ACTION.
•
METHOD indica cómo se enviarán las respuestas. POST es el valor que corresponde al envío de datos almacenándolos
en el formulario, en tanto que GET corresponde al envío de datos a través de la URL separando los datos de la dirección
con un signo de interrogación. Para aprender más sobre los métodos POST y GET, consulta el artículo sobre protocolo
HTTP.
ACTION indica la dirección a la que se enviará la información (un script CGI o una dirección de correo electrónico
(mailto:dirección_de_correo_e@equipo)). Un atributo opcional de la etiqueta FORM es ENCTYPE, que especifica cómo
se codifican los datos del formulario. De cualquier forma, esto no necesita especificarse, ya que el valor predeterminado
(application/x-www-form-urlencoded) es el único valor válido. El atributo opcional ACCEPT se usa para establecer tipos
MIME para los datos que el formulario puede enviar.
 Etiquetas de un formulario

Etiqueta <input>

Atributos comunes básicos, internacionalización, eventos y foco

•type = "text | password | checkbox | radio | submit | reset | file | hidden | image | button" - Indica el tipo de control que se incluye en el formulario
•name = "texto" - Asigna un nombre al control (es imprescindible para que el servidor pueda procesar el formulario)
•value = "texto" - Valor inicial del control
•size = "unidad_de_medida" - Tamaño inicial del control (para los campos de texto y de password se refiere al número de caracteres, en el resto de controles se refiere a su tamaño en
píxel)
Atributos propios •maxlength = "numero" - Máximo número de caracteres para los controles de texto y de password
•checked = "checked" - Para los controles checkbox y radiobutton permite indicar qué opción aparece preseleccionada
•disabled = "disabled" - El control aparece deshabilitado y su valor no se envía al servidor junto con el resto de datos
•readonly = "readonly" - El contenido del control no se puede modificar
•src = "url" - Para el control que permite crear botones con imágenes, indica la URL de la imagen que se emplea como botón de formulario
•alt = "texto" - Descripción del control

Tipo de elemento En línea y etiqueta vacía

Descripción Se emplean para insertar un control en un formulario

 Como crear un formulario en dreamweaver
Como parte de la compatibilidad con HTML5, se han añadido nuevos atributos al panel de propiedades de los elementos de formulario. Además, cuatro
nuevos elementos de formulario (correo electrónico, buscar, teléfono y URL) se han añadido a la sección Formularios del panel Insertar. Para obtener
más información, consulte Soporte HTML5 mejorado para elementos de formularios.
1.Abra una página y sitúe el punto de inserción donde desee que aparezca el formulario.

2.Seleccione Insertar > Formulario o seleccione la categoría Formularios en el panel Insertar y haga clic en el icono Formulario.
En la vista de Diseño, los formularios se indican con un contorno de línea de puntos rojos. Si no ve dicho contorno, seleccione Ver > Ayudas visuales >
Elementos invisibles.

3.Establezca las propiedades del formulario HTML en el inspector de propiedades (Ventana > Propiedades):

4.Inserte los objetos de formulario en la página:

.
5.Ajuste el diseño del formulario.