April 12
Un modulo di registrazione sito web in grado di fornire - il proprietario del sito web - con le informazioni dell'utente utili, come ad esempio chi sta visitando il vostro sito, e quali sono le sue preferenze e interessi. Si può anche aggiungere un livello di sicurezza di un sito web, consentendo di scegliere chi ha accesso al tuo sito. È possibile creare un modulo di registrazione utilizzando alcuni formattazione di base JavaScript e HTML.
1 Aprire Blocco note o un editor HTML, e creare una pagina HTML di base digitando:
<! 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 Aggiungere un titolo al form di registrazione:
<Title> Modulo di registrazione </ title>
3 Digitare le istruzioni JavaScript del modulo di registrazione:
<Script type = \ "text / javascript \" language = \ "JavaScript \">
// <! [CDATA [
<! - Script di avvio qui
Funzione checkform (THISFORM)
{
if (thisform.name.value == null || thisform.name.value == \ "\")
{
alert (\"Please enter your name\")
ANDARE
thisform.name.focus()
ANDARE
thisform.name.select()
ANDARE
return false
ANDARE
}
var selezionato = false
ANDARE
for (var i = 0; i
//]]>
</ Script>
4 Aggiungere stile del font e colori per il modulo:
<Style type = \ "text / css \">
/
<! [CDATA [/
corpo
{
background-color: [add color code]
ANDARE
}
input.required
{
width: 300px
ANDARE
font: [add font attributes, size and type]
ANDARE
background-color: [add color code]
ANDARE
border: solid 2px #000
ANDARE
}
select.required
{
width: 300px
ANDARE
font: [add font attributes, size and type]
ANDARE
background-color: [add color code]
ANDARE
border: solid 2px #000
ANDARE
}
td.required
{
font: [add font attributes, size and type]
ANDARE
}
input.optional
{
width: 300px
ANDARE
font: [add font attributes, size and type]
ANDARE
background-color: [add color code]
ANDARE
border: solid 2px #999
ANDARE
}
textarea.optional
{
width: 300px
ANDARE
font: [add font attributes, size and type]
ANDARE
background-color: [add color code]
ANDARE
border: solid 2px #666
ANDARE
}
td.optional
{
font: [add font attributes, size and type]
ANDARE
}
input.submit
{
background-color: [add color code]
ANDARE
border: solid 2px #000
ANDARE
font[add font attributes, size and type]; 5 Chiudere le istruzioni JavaScript:
}
/]]> /
</ Style>
</ Head>
6 Digitare il titolo e le istruzioni del modulo di registrazione. Questo sarà il testo che appare sul lato utente del modulo.
<Body>
<H1> [aggiungere registrazione titolo modulo qui] </ h1>
<P> [aggiungere istruzioni del modulo qui] </ p>
7 Aggiungere l'indirizzo email dove si desidera che le informazioni modulo da inviare:
<Form action = \ "mailto: [aggiungere l'indirizzo e-mail qui] \" method = \ "post \" onsubmit = \ "checkform (questo) tornare \"
8 Aggiungere i campi di informazioni che si desidera l'utente a compilare. In questo esempio, sono richiesti nome, l'indirizzo e-mail dell'utente e di genere. Ogni tabella contiene un campo di informazioni. È possibile modificare gli esempi semplicemente cambiando i titoli dei campi che si trovano nei tag grassetto. È inoltre possibile eliminare una tabella, o aggiungere ulteriori tabelle, a seconda di quante informazioni i campi è necessario.
<Table>
<Tr>
<Td align = \ "giusto \" class = \ "richiesto \"> <b> Nome: </ b> </ td>
<Td> <input name = \ class "nome \" = \ "richiesto \" /> </ td>
</ Tr>
<Tr>
<Td align = \ "giusto \" class = \ "richiesto \"> <b> Indirizzo e-mail: </ b> </ td>
<Td> <input name = \ class "nome \" = \ "richiesto \" /> </ td>
</ Tr>
<Tr>
<Td align = \ "giusto \" class = \ "richiesto \"> <b> Genere: </ b> </ td>
<Td class = \ "richiesto \"> <input type = \ "radio \" name = \ "genere \"
value = \ /> maschio <tipo "maschio \" input = \ "radio \" name = \ "genere \"
value = \ "femmina \" /> femminile </ td>
</ Tr>
9 Aggiungere il codice HTML per chiudere il modulo di registrazione:
<Tr>
<Td colspan = \ "2 \" align = \ "giusto \"> <input type = \ "submit \" value = \ "registrazione \"
class = \ "submit \" /> </ td>
</ Tr>
</ Table>
</ Form>
</ Body>
</ Html>
10 Salvare il documento di Blocco note come file .txt. Carica al server, che sarà letto come un documento HTML, e pubblicarlo come una pagina web che può essere collegato al tuo sito web.