-
Cómo hacer formularios de inscripción
-
Los formularios de inscripción dentro de los sitios web son una forma eficaz de recoger datos de los usuarios y de los clientes. Los datos recogidos son enviados a través de correo electrónico al propietario webmaster o sitio web. Los formularios de inscripción están escritos en lenguaje de marcado de hipertexto (HTML) y se pueden personalizar para satisfacer las necesidades del propietario sitio web. Además, el uso de formas evita los robots de spam tengan acceso a su dirección de correo electrónico y el envío de mensajes no deseados.
Instrucciones
1 Abra la aplicación de software de edición de texto, como el Bloc de notas.
2 Escriba la etiqueta de apertura <html>.
3 Escriba la etiqueta de cierre </ html>. Todas las páginas Web escritas en HTML debe contener una etiqueta <html> etiqueta de apertura y </ html> etiqueta de cierre.
4 Directamente debajo de la etiqueta <html> de apertura, escriba la etiqueta de apertura título <title>.
5 Escriba el título de la página Web que desee mostrar en la parte superior del navegador web, tales como "Formulario de Registro".
6 Escriba la etiqueta del título de cierre </ title>.
7 El código hasta ahora debería tener este aspecto:
<Html>
<Title> Formulario de Registro </ title>
</ Html>
8 Añadir una línea después de la etiqueta de cierre </ title> y escriba la apertura <head> y de cierre </ head>. Escriba la información de la partida entre la apertura y cierre <head> etiquetas. El código debería recibir este presente:
<Html>
<Title> Formulario de Registro </ title>
<Head> Esta es mi Formulario de Registro </ head>
</ Html>
9 Añadir una línea después de la etiqueta de cierre </ head> y escriba la apertura <body> y de cierre </ body> etiquetas. Entre estas dos etiquetas es donde se añade el código del formulario de inscripción. Hasta ahora su código se verá así:
<Html>
<Title> Formulario de Registro </ title>
<Head> Esta es mi Formulario de Registro </ head>
<Body>
</ Body>
</ Html>
10 Insertar una línea después de la etiqueta <body>. Tipo:
<Form action = método de "http://www.your_url.com/your_form.php" = "post">.
Tendrá que configurar con su empresa de alojamiento para poder recibir los datos de registro a través de su página web. Su código se verá de la siguiente manera:
<Html>
<Title> Formulario de Registro </ title>
<Head> Esta es mi Formulario de Registro </ head>
<Body>
<Form action = "http://www.your_url.com/your_form.php" method = "post">
</ Body>
</ Html>
11 Escriba la siguiente información para crear un cuadro de texto para "Apellido".
<P> Apellido: <input type = "text" name = tamaño "Apellido" = "20">
12 Escriba la siguiente información para crear un cuadro de texto para "Nombre".
Nombre: <input type = "text" name = tamaño "Nombre" = "20"> </ p>
Presione ENTRAR."
13 Escriba la siguiente información para crear un cuadro de texto de "Dirección".
<P> Dirección: <input type = "text" name = tamaño de la "Dirección" = "50"> </ p>
Presione ENTRAR."
14 Escriba la siguiente información para crear un menú desplegable para abajo "City".
<P> Ciudad: <select size = "1" name = "City">
<option>City 1</option>& Lt; opción> City 2 & lt; / option>
& Lt; opción> City 3 & lt; / option>
</ Select> </ p>
Inserte opciones adicionales mediante la inserción de una línea en blanco después de "<opción> City 3 </ option>" y escribiendo <opción> City 4 </ option>
Pulse la tecla "Enter" cuando haya terminado de agregar todas las opciones.
15 Escriba la siguiente información para crear un cuadro de texto en movimiento de "Estado".
<P> Estado: <filas de área de texto = "3" name = "Estado" cols = "20"> Estado 1
Estado 2
Estado 3
</ Textarea> </ p>
Inserte opciones adicionales mediante la inserción de una línea en blanco después de "Estado 3" y escribiendo "Estado 4"
Pulse la tecla "Enter" cuando haya terminado de agregar todas las opciones.
dieciséis Escriba la siguiente información para crear una casilla de verificación.
<P> Estado Residente? Sí <input type = "checkbox" nombre = valor "estado de residencia" = "on"> </ p>
Presione ENTRAR."
17 Escriba la siguiente información para crear un botón de radio.
<P> XYZ residente del Condado? Sí <input type = "radio" value = "Co Residente" nombre registrado = "R1"> </ p>
Presione ENTRAR."
18 Escriba la siguiente información para crear los botones de envío y reinicialización.
<P> <input type = "submit" value = "Enviar" name = "Enviar"> <input type = "reset" value = "Reset" name = "Reset"> </ p>
Presione ENTRAR."
19 Escriba el formulario de cerrar la etiqueta </ form>.
El código debería tener este aspecto:
<Html>
<Title> Formulario de Registro </ title>
<Head> Esta es mi Formulario de Registro </ head>
<Body>
<Form action = "http://www.your_url.com/your_form.php" method = "post">
<P> Apellido: <input type = "text" name = tamaño "Apellido" = "20">
Nombre: <input type = "text" name = tamaño "Nombre" = "20"> </ p>
<P> Dirección: <input type = "text" name = tamaño de la "Dirección" = "50"> </ p>
<P> Ciudad: <select size = "1" name = "City">
<option>City 1</option>& Lt; opción> City 2 & lt; / option>
& Lt; opción> City 3 & lt; / option>
</ Select> </ p>
<P> Estado: <filas de área de texto = "3" name = "Estado" cols = "20"> Estado 1
Estado 2
Estado 3
</ Textarea> </ p>
<P> Estado Residente? Sí <input type = "checkbox" nombre = valor "estado de residencia" = "on"> </ p>
<P> XYZ residente del Condado? Sí <input type = "radio" value = "Co Residente" nombre registrado = "R1"> </ p>
<P> <input type = "submit" value = "Enviar" name = "Enviar"> <input type = "reset" value = "Reset" name = "Reset"> </ p>
</ Form>
</ Body>
</ Html>
20 Haga clic en "Archivo" de la barra de menú y luego "Guardar como".
21 Introduzca el nombre de su página Web en el campo "Nombre de archivo" .html añadiendo al final de su nombre de archivo. Debe tener un aspecto como este:
Webpagename.html
Clic en Guardar."
22 Abra cualquier aplicación de software navegador de Internet.
Una vez que la aplicación está abierta, haga clic en "Archivo" de la barra de menú y luego "Abrir archivo" desde el menú desplegable. Busque la nueva página web que ha creado y haga clic en "Abrir".
El formulario de registro recién creado ahora será visible dentro de la ventana del navegador, y se puede ver cómo se mostrarán su página Web y la forma.
