Cómo hacer formularios de inscripción

Escrito por cindy buccieri | Traducido por daniela laura arjones
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo hacer formularios de inscripción
Cómo hacer formularios de inscripción. (Visage/Stockbyte/Getty Images)

Los formularios de inscripción dentro de los sitios web son una manera eficaz de recopilar datos de usuarios y clientes. Los datos recogidos son enviados por correo electrónico al webmaster o propietario del sitio web. Los formularios de inscripción están escritos en Hypertext Markup Language (HTML) y pueden ser personalizados para satisfacer las necesidades de la página web del propietario. Además, el uso de formularios impide que los robots de spam tengan acceso a tu dirección de correo electrónico y envíen de mensajes no deseados.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Abre la aplicación de software de edición de texto, como Bloc de notas.

  2. 2

    Escribe la etiqueta de apertura <html>.

  3. 3

    Escribe la etiqueta de cierre </html>. Todas las páginas web escritas en HTML deben contener una etiqueta de apertura <html> y una etiqueta de cierre </html>.

  4. 4

    Directamente debajo de la etiqueta de apertura <html>, escribe la etiqueta título de apertura <title>.

  5. 5

    Escribe el título de tu página Web que deseas que aparezca en la parte superior del navegador web, por ejemplo, "Formulario de inscripción".

  6. 6

    Escribe el título de la etiqueta de cierre </title>.

  7. 7

    El código hasta ahora debería tener este aspecto:

    <html> <title>Registration Form</title> </html>

  8. 8

    Agrega una línea después del cierre </title> y escribe la etiqueta de apertura <head> y cierre </head>. Llena la información del título entre las etiquetas de apertura y cierre <head>. El código debe ser así:

    <html> <title>Registration Form</title> <head>This is my Registration Form</head> </html>

  9. 9

    Agrega una línea después de la etiqueta de cierre </head> y escribe la etiquetas de apertura <body> y cierre </body>. Entre estas dos marcas es donde se agrega el código del formulario de inscripción. Hasta ahora, el código se verá así:

    <html> <title>Registration Form</title> <head>This is my Registration Form</head> <body> </body> </html>

  10. 10

    Inserta una línea siguiendo la etiqueta <body>. Escribe:

    <form action="http://www.your_url.com/your_form.php" method="post">

    Tendrás que configurar con tu empresa de alojamiento para poder recibir los datos de registro a través de tu sitio web. Tu código se verá de la siguiente manera:

    <html> <title>Registration Form</title> <head>This is my Registration Form</head> <body> <form action="http://www.your_url.com/your_form.php" method="post"> </body> </html>

  11. 11

    Escribe la siguiente información para crear un cuadro de texto de "Apellido".

    <p>Last Name: <input type="text" name="Last Name" size="20">

  12. 12

    Escribe la siguiente información para crear un cuadro de texto de "Nombre".

    Primer nombre: <input type="text" name="First Name" size="20"></p>

    Presiona "Enter".

  13. 13

    Escribe la siguiente información para crear un cuadro de texto de "Dirección".

    <p>Address: <input type="text" name="Address" size="50"></p>

    Presiona "Enter".

  14. 14

    Escribe la siguiente información para crear un menú desplegable de "Ciudad".

    <p>City: <select size="1" name="City"> <option>City 1</option> <option>City 2</option> <option>City 3</option> </select></p>

    Inserta opciones adicionales mediante la inserción de una línea en blanco después de "<option>City 3</option>" y escribiendo <option>City 4</option>

    Pulsa el botón "Enter" cuando hayas terminado de agregar todas las opciones.

  15. 15

    Escribe la siguiente información para crear un cuadro de texto en movimiento de "Estado".

    <p>State: <textarea rows="3" name="State" cols="20">State 1 State 2 State 3 </textarea></p>

    Inserta opciones adicionales mediante la inserción de una línea en blanco después de "Estado 3" y escribiendo "Estado 4"

    Pulsa el botón "Enter" cuando hayas terminado de agregar todas las opciones.

  16. 16

    Escribe la siguiente información para crear una casilla de verificación.

    <p>State Resident? Yes <input type="checkbox" name="State Resident" value="ON"></p>

    Presiona "Enter".

  17. 17

    Escribe la siguiente información para crear un botón de radio.

    <p>XYZ County Resident? Yes <input type="radio" value="Co Resident" checked name="R1"></p>

    Presiona "Enter".

  18. 18

    Escribe la siguiente información para crear el botones Enviar y Restablecer.

    <p><input type="submit" value="Submit" name="Submit"><input type="reset" value="Reset" name="Reset"></p>

    Presiona "Enter".

  19. 19

    Escribe las etiquetas de cierre </form>.

    El código debería tener este aspecto:

    <html> <title>Registration Form</title> <head>This is my Registration Form</head> <body> <form action="http://www.your_url.com/your_form.php" method="post"> <p>Last Name: <input type="text" name="Last Name" size="20"> First Name: <input type="text" name="First Name" size="20"></p> <p>Address: <input type="text" name="Address" size="50"></p> <p>City: <select size="1" name="City"> <option>City 1</option> <option>City 2</option> <option>City 3</option> </select></p> <p>State: <textarea rows="3" name="State" cols="20">State 1 State 2 State 3 </textarea></p> <p>State Resident? Yes <input type="checkbox" name="State Resident" value="ON"></p> <p>XYZ County Resident? Yes <input type="radio" value="Co Resident" checked name="R1"></p> <p><input type="submit" value="Submit" name="Submit"><input type="reset" value="Reset" name="Reset"></p> </form> </body> </html>

  20. 20

    Haz clic en "Archivo" de la barra de menú y luego "Guardar como".

  21. 21

    Escribe el nombre de tu página Web en el campo "Nombre de archivo" agregando .html al final del nombre de archivo. Debe tener este aspecto:

    Webpagename.html

    Haz clic en "Guardar".

  22. 22

    Abre cualquier aplicación de software de un navegador de Internet.

    Una vez abierta la aplicación, haz clic en "Archivo" de la barra de menú y luego "Abrir archivo" desde el menú desplegable. Busca la nueva página web que has creado y haz clic en "Abrir".

    El formulario de inscripción creado será ahora visible dentro de la ventana del navegador y puedes ver cómo se mostrará tu página web y formulario.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles