Tecnología

Inicio

Cómo hacer que los formularios HTML

En HTML, una forma es la parte de un documento que contiene controles y sus etiquetas. Un control HTML es un elemento que permite al usuario interactuar con el formulario. HTML define varios tipos de control, incluyendo botones, casillas de verificación, botones de radio, menús, introducción de texto, seleccionar, controles ocultos de archivos y controles de objeto. Este tutorial cubre los elementos más comunes con un uso limitado de sus atributos.

Instrucciones

1 Definir el formulario utilizando la "forma" y "etiquetas de entrada" en el editor de texto de su elección. La etiqueta de "entrada" es la etiqueta más utilizada dentro de las formas. Su atributo "tipo" permite especificar el tipo de control:


<Form>

<Input>

</ Input>

</ Form>

2

Crear una entrada de texto, que permite a los usuarios escribir en letras y números. En este ejemplo se crea un par de nombre de usuario / contraseña:


<Form>

Nombre de usuario:

<Input type = "text" name = "nombre de usuario">

Contraseña:

<Input type = "text" name = "contraseña">

</ Form>

3

Hacer botones de radio. Los botones de radio son controles que permiten a un usuario seleccionar uno de unas pocas opciones:


<Form>
<Input type = "radio" name = "status" = "single"> Individual

<Br>

<Input type = "radio" name = "sexo" = "casado"> Casado

</ Form>

4

Añadir algunas casillas de verificación. A diferencia de los botones de radio, casillas de verificación permiten más de una opción de entre un número limitado de opciones:


<Form>

Rojo:

<Input type = "checkbox" nombre = valor "color" = "rojo" />

<Br />

Verde:

<Input type = "checkbox" nombre = valor "color" = "Verde" />

<Br />

Azul:

<Input type = "checkbox" nombre = valor "color" = "Blue" />

</ Form>

5

Utilice el atributo de "acción" de la forma y crear un botón "Enviar". Al hacer clic en un botón "Enviar" envía los datos que residen en los controles que se describen en los pasos 2 a 4 para un servidor que procesará el formulario. El lugar donde se envían los datos a los que se especifica en el atributo de "acción":


<Form name = acción "de entrada" = "destination_file.asp"
method = "get">

Remitente:

<Input type = "text" name = "usuario">
<Input type = "submit" value = "Enviar">
</ Form>

Consejos y advertencias

  • HTML significa Lenguaje de marcado de hipertexto.
  • Además de HTML, Diseño web implica CSS, XHTML, HTTP, URL, protocolos de Internet y CGI, servlets.
  • HTML es un lenguaje que cambia rápidamente. Muchas de las etiquetas originales están en desuso.