ubiquitour.com

Cómo crear un formulario de registro para un sitio web

Un formulario de registro del sitio web puede proporcionar--propietario del sitio web, con información útil del usuario, tales como quién está visitando su sitio y cuáles son sus preferencias e intereses. También puede Agregar un nivel de seguridad a un sitio web por lo que le permite elegir quién tiene acceso a su sitio. Usted puede crear un formulario de registro con algunos JavaScript básico y formato HTML.

Instrucciones

Creación JavaScript instrucciones del formulario

1 Abrir Bloc de notas o un editor de HTML y crear una página básica HTML tecleando:<! Html DOCTYPE público \"-//W3C//DTD XHTML 1.0 Transitional / / EN\"

\&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\&quot;>

< html xmlns = \ "http://www.w3.org/1999/xhtml \\\ & quot; >< head >

2 Agregar un título al formulario de inscripción:< title > formulario de registro < / title >

3 Escriba en JavaScript de instrucciones del formulario de registro:< script tipo = \ "texto/javascript\" lengua = \ "JavaScript\" ><! [CDATA [<!--iniciar script aquífunción checkform(thisform){Si (thisform.name.value == null || thisform.name.value == \ "\"){

alert (\&quot;Please enter your name\&quot;)

IR

thisform.name.focus()

IR

thisform.name.select()

IR

return false

IR}var seleccionado = falsoIRpara (var i = 0; i]] >< /script >

4 Añadir colores y estilo de fuente a su forma:< estilo tipo = \ "texto/css\" >/<! [CDATA [/cuerpo{

background-color: [add color code]

IR}Input.Required{

width: 300px

IR

font: [add font attributes, size and type]

IR

background-color: [add color code]

IR

border: solid 2px #000

IR}Select.Required{

width: 300px

IR

font: [add font attributes, size and type]

IR

background-color: [add color code]

IR

border: solid 2px #000

IR}TD.Required{

font: [add font attributes, size and type]

IR}Input.Optional{

width: 300px

IR

font: [add font attributes, size and type]

IR

background-color: [add color code]

IR

border: solid 2px #999

IR}TextArea.Optional{

width: 300px

IR

font: [add font attributes, size and type]

IR

background-color: [add color code]

IR

border: solid 2px #666

IR}TD.Optional{

font: [add font attributes, size and type]

IR}Input.submit{

background-color: [add color code]

IR

border: solid 2px #000

IR

font[add font attributes, size and type];5

Cerca de las instrucciones de JavaScript:}/]]>/< / estilo >< /HEAD >

Creación de los campos de formulario

6 Escriba en del formulario de registro título y las instrucciones. Este será el texto que aparece en la parte de usuario de la forma.< cuerpo >< h1 > [Añadir título del formulario de inscripción aquí] < / h1 >< p > [Agregar instrucciones formulario aquí] < /p >

7 Agregue la dirección de correo electrónico donde desea que la información del formulario para ser enviado:< forma acción = \ "mailto: [Agregar dirección de correo electrónico aquí] \" método = \ "post\" onsubmit = \ "retorno checkform (este) \"

8 Agregue los campos de información que desea el usuario rellene. En este ejemplo, se piden nombre de usuario, dirección de correo electrónico y género. Cada tabla contiene un campo de información. Puede modificar los ejemplos simplemente cambiando los títulos de campo que se encuentran en las etiquetas de negrita. También puede eliminar una tabla o agregar tablas adicionales, dependiendo de cuántos campos de información que se necesita.< table >< tr >< td align = \ "right\" clase = \ "required\" >< b > nombre: < /b >< /td >< td >< nombre entrada = \ "name\" clase = \ "required\" / >< /td >< /tr >< tr >< td align = \ "right\" clase = \ "required\" >< b > dirección de correo electrónico: < /b >< /td >< td >< nombre entrada = \ "name\" clase = \ "required\" / >< /td >< /tr >< tr >< td align = \ "right\" clase = \ "required\" >< b > Género: < /b >< /td >< clase td = \ "required\" >< tipo de entrada = \ "radio\" nombre = \ "gender\"valor = \ "male\" / > hombres < tipo de entrada = \ "radio\" nombre = \ "gender\"valor = \ "female\" / > < /td > de mujer< /tr >

9 Agregue el código HTML para cerrar el formulario de inscripción:< tr >< td colspan = \ "2\" align = \ "right\" >< tipo de entrada = \ "submit\" value = \ "register\"clase = \ "submit\" / >< /td >< /tr >< / table >< / form >< /body >< / html >

10 Guarde el documento de Bloc de notas como un archivo .txt. Subirlo al servidor, que se lea como un documento HTML y publicarlo como una página web que pueden ser vinculados a su sitio de Internet.

Consejos y advertencias

  • Es la forma más fácil de crear este formulario escribiendo o pegando el código HTML en un documento de Bloc de notas, y agregar las modificaciones indicadas en los soportes. Luego puede guardarlo como un documento .html o .htm y subirlo a tu servidor.