Tecnología

Inicio

Cómo codificar un Formulario de Registro para una página web

Cómo codificar un Formulario de Registro para una página web


Codificación de un formulario de inscripción para un sitio web puede beneficiar tanto a usted como a los visitantes a su sitio web. Un formulario de registro en línea ofrece a los visitantes un cómodo, sin papel, y una manera rápida de suscribirse a su servicio. En lugar de esperar a inscribirse en persona, el visitante puede utilizar el formulario de registro en línea para las 24 horas del día, 7 días a la semana. Debido a que el formulario se envía automáticamente a su bandeja de entrada, la codificación de un formulario de inscripción también puede ayudar a mantenerse organizado.

Instrucciones

1 Abra su editor de texto y comenzar un nuevo documento HTML. Asegúrese de que el documento incluye las siguientes etiquetas:

<Html>

<Head>

&lt;title>Registration Form&lt;/title>

</ Head>

<Body>

</ Body>

</ Html>

2 Escriba la etiqueta <form> dentro del cuerpo del documento HTML.

3 Añadir tanto el método y la acción atribuye a su etiqueta de formulario. Después de que el atributo de acción, introduzca su dirección de correo electrónico. Esta es la dirección en la que toda la información será enviada cuando alguien rellena el formulario de inscripción.

<Form method = "post" action = "mailto: [email protected]">

4 Escriba una etiqueta <p> seguido de la pregunta que desea el visitante para responder. Por ejemplo, si quieres un visitante a entrar en su nombre completo, ingrese el siguiente:

<P> ¿Cuál es su nombre completo?

5 Crear un cuadro de texto para un visitante a responder a su pregunta mediante la adición de una etiqueta <input />. Todas las etiquetas de párrafo y de entrada deben estar entre las etiquetas <form> y </ form>.

6 Incluir el tipo y tamaño de los atributos en la etiqueta <input />:

<Input type = "text" size = "" name = "" />

7 Introduce el número de caracteres de ancho desea que el cuadro de texto que sea. Coloque este número entre las comillas en el atributo de tamaño. Por ejemplo, el código siguiente sería crear un cuadro de texto que permitiría a un usuario para responder a su pregunta en 15 caracteres:

<Input type = "text" size = nombre de "15" = "" />

8 Describir los datos del formulario usted está recogiendo rellenando el atributo de nombre. Cuando el formulario se envía a su correo electrónico, la descripción en el atributo de nombre identificará cada elemento de datos. Por ejemplo, este código <input type = "text" size = "15" name = "nombre completo" /> podría generar el siguiente mensaje de correo electrónico:

nombre_completo = "Bob Barker"

9 Cerca de su etiqueta de párrafo.

10 Pregúntele a su visitante para obtener más información y crear los cuadros de texto de tamaño adecuado mediante la repetición de los pasos 4 a 10.

11 Crear un botón que envía el formulario de inscripción a su correo electrónico, escriba el siguiente código:

<Input type = "submit" value = "registrar" />

Su documento HTML que pide a los visitantes a registrarse introduciendo su nombre completo en un cuadro de texto sería el siguiente:

<Html>

<Head>

&lt;title>Registration Form&lt;/title>

</ Head>

<Body>

<Form method = "post" action = "mailto: [email protected]">

<P> ¿Cuál es su nombre completo? <Input type = "text" size = "15" name = "nombre completo" /> </ p>

<Input type = "submit" value = "registrar" />

</ Body>

</ Html>

Consejos y advertencias

  • Ahorrar tiempo dibujando el formulario de registro en papel antes de empezar.
  • Dé a cada código HTML su propia línea. Esta técnica mantendrá su código organizado, hacen que sea más fácil de leer, y ayudan a evitar errores que consumen mucho tiempo.