Tecnología

Inicio

Cómo crear un formulario relleno para una página Web

Cómo crear un formulario relleno para una página Web


Formas proporcionan a sus lectores del sitio web con la posibilidad de enviar la información de la página web a su correo electrónico o un servidor de base de datos. Crear un formulario web para que los lectores se llenan en el uso de HTML simple. Cada elemento del formulario se define y entró en la página web, y el control que elija determinará lo que se presenta el tipo de información. Hay cuatro elementos principales de forma que incluyen cuadros de texto, cuadros de lista desplegable, casillas de verificación y el botón "Enviar".

Instrucciones

1 Iniciar el formulario utilizando la etiqueta "<form>" en el código. Todo el texto HTML que ve el usuario se encuentra dentro de la "<head>" y "</ head>" etiquetas en el código HTML. Coloque la etiqueta de formulario dentro de estas dos etiquetas de la cabeza. El código siguiente inicia el formulario HTML:

<Form method = "post" action = "myProcessPage.php"> </ form>

Todos los elementos del formulario se encuentran dentro de estas dos etiquetas HTML. La propiedad "método" determina cómo se envía el formulario de entrada a la página de procesamiento. La mayoría de las formas de uso posterior, pero "obtener" es también una opción. "Obtener" envía el formulario de entrada utilizando la cadena de consulta en el cuadro de texto de navegación del navegador. El "myProcessPage.php" en este ejemplo es la página que procesa la entrada del usuario. Introduzca su página de proceso de forma en la propiedad "acción".

2 Agregar un cuadro de texto al formulario. Un cuadro de texto se utiliza en la mayoría de los formularios HTML, ya que permite a los usuarios introducir texto para la entrada. El código siguiente es un ejemplo de un cuadro de texto que solicita al usuario que introduzca un nombre de pila:
<Form method = "post" action = "myProcessPage.php">
Nombre: <input type = "text" ID = "nombre apellido">
</ Form>

3 Agregar un cuadro desplegable al formulario. Un cuadro desplegable también es popular en los formularios web. El siguiente ejemplo crea un cuadro de lista desplegable que pide al usuario una selección:

<Form method = "post" action = "myProcessPage.php">
Nombre: <input type = "text" ID = "nombre apellido">
¿Te gusta este sitio web? <Select name = "Selección">

&lt;option value="Yes">Yes&lt;/option>
&lt;option value="No">No&lt;/option>

</ Select>
</ Form>

4 Añadir una casilla de verificación. Una casilla de verificación permite al usuario seleccionar varias respuestas para una pregunta. El código siguiente es un ejemplo de elementos de formulario de casilla de verificación:

<Form method = "post" action = "myProcessPage.php">
Nombre: <input type = "text" ID = "nombre apellido">
¿Te gusta este sitio web? <Select name = "Selección">

&lt;option value="Yes">Yes&lt;/option>
&lt;option value="No">No&lt;/option>

¿Cuáles son tus colores favoritos? <Input type = "checkbox" name = "favorito" = "Blue">
<Input type = "checkbox" name = "favorito" = "red">
</ Select>
</ Form>

5 Agregar un botón de envío. Agregar uno o varios elementos de formulario como cuadros de texto, listas desplegables y casillas de verificación de su formulario web. Al final de la forma, se requiere un botón de envío. El botón envía el formulario en una página de procesamiento, que puede estar en su sitio web o un dominio externo. El código siguiente es un ejemplo del elemento de forma definitiva:

<Form method = "post" action = "myProcessPage.php">
Nombre: <input type = "text" ID = "nombre apellido">
¿Te gusta este sitio web? <Select name = "Selección">

&lt;option value="Yes">Yes&lt;/option>
&lt;option value="No">No&lt;/option>

¿Cuáles son tus colores favoritos? <Input type = "checkbox" name = "favorito" = "Blue">
<Input type = "checkbox" name = "favorito" = "red">
</ Select>
<Input type = "submit" value = "enviar sus respuestas!">
</ Form>