Un formulario de registro sitio web puede proporcionar - propietario de la página web - con información de usuario útil, por ejemplo, quién está visitando su sitio, y cuáles son sus preferencias e intereses. También se puede añadir un nivel de seguridad a un sitio web que le permite elegir quién tiene acceso a su sitio. Puede crear un formulario de registro utilizando algún formato básico de HTML y JavaScript.
Instrucciones
Creación de instrucciones de JavaScript del formulario
1 Abrir Bloc de notas o un editor HTML, y crear una página HTML básica escribiendo:
<! DOCTYPE html PUBLIC \ "- // W3C // DTD XHTML 1.0 Transitional // EN \"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<Html xmlns = \ "http://www.w3.org/1999/xhtml\">
<Head>
2 Añadir un título a su formulario de inscripción:
<Title> Formulario de Registro </ title>
3 Escriba en las instrucciones de JavaScript del formulario de inscripción:
<Script type = \ "javascript \ text /" language = \ "JavaScript \">
// <! [CDATA [
<! - Script de inicio aquí
función checkForm (thisform)
{
si (thisform.name.value nula == == || thisform.name.value \ "\")
{
alert (\"Please enter your name\")
IR
thisform.name.focus()
IR
thisform.name.select()
IR
return false
IR
}
var seleccionada = false
IR
for (var i = 0; i
//]]>
</ Script>
4 Añadir estilo de fuente y colores a su forma:
<Style type = \ "text / 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 Cierre las instrucciones de JavaScript:
}
/]]> /
</ Style>
</ Head>
La creación de los campos del formulario
6 Escriba en el título y las instrucciones del formulario de inscripción. Este será el texto que aparece en el lado del usuario de la forma.
<Body>
<H1> [Agregar formulario de inscripción del título aquí] </ h1>
<P> [agregar instrucciones del formulario de aquí] </ p>
7 Agregar la dirección de correo electrónico en la que desea la información del formulario que se enviará:
<Form action = \ "mailto: [agregar dirección de correo electrónico aquí] \" method = \ "post \" onsubmit = \ "checkForm (este) volver \"
8 Agregue los campos de información que desea que el usuario rellene. En este ejemplo, se pide nombre, dirección de correo electrónico del usuario y el género. Cada tabla contiene un campo de información. Puede modificar los ejemplos, simplemente cambiando los títulos de los campos que se encuentran en las etiquetas de negrita. También puede eliminar una tabla, o añadir tablas adicionales, dependiendo del número de campos de información que necesitará.
<Table>
<Tr>
<Td align = \ "derecho \" class = \ "requerida \"> <b> Nombre: </ b> </ td>
<Td> <input name = \ clase "nombre \" = \ "requerida \" /> </ td>
</ Tr>
<Tr>
<Td align = \ "derecho \" class = \ "requerida \"> <b> Dirección de correo electrónico: </ b> </ td>
<Td> <input name = \ clase "nombre \" = \ "requerida \" /> </ td>
</ Tr>
<Tr>
<Td align = \ "derecho \" class = \ "requerida \"> <b> Género: </ b> </ td>
<Td class = \ "requerida \"> <input type = \ "de radio \" name = \ "sexo \"
value = \ "masculino \" /> hombre <input type = \ "de radio \" name = \ "sexo \"
value = \ "femenina \" /> todos </ td>
</ Tr>
9 Añadir el código HTML para cerrar el formulario de inscripción:
<Tr>
<Td colspan = \ "2 \" align = \ "derecho \"> <input type = \ "submit \" value = \ "registro \"
class = \ "submit \" /> </ td>
</ Tr>
</ Table>
</ Form>
</ Body>
</ Html>
10 Guarde el documento de Bloc de notas como un archivo .txt. Subirlo al servidor, lo que leerlo como un documento HTML, y publicarla como una página web que se puede vincular a su sitio web.
Consejos y advertencias
- La forma más fácil para crear esta forma es por escribir o pegar el código HTML en un documento de Bloc de notas, y la adición de las modificaciones indicadas en los soportes. A continuación, puede guardarlo como .html o .htm documento y subirlo a su servidor.