Hvordan lage en Registreringsskjema for et nettsted
En nettside registreringsskjemaet kan gi deg - nettstedets eier - med nyttig brukerinformasjon, for eksempel hvem som besøker nettstedet ditt, og hva hans preferanser og interesser er. Det kan også legge til et nivå av sikkerhet til en nettside ved at du kan velge hvem som har tilgang til nettstedet. Du kan opprette en registreringsskjemaet ved hjelp av noen grunnleggende Javascript og HTML-formatering.
Bruksanvisning
Opprette Javascript Instruksjoner skjemaets
1 Åpne Notepad eller en HTML-editor, og skape en grunnleggende HTML-side ved å skrive:
<! 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 Legg til en tittel på påmeldingsskjema:
<Title> Registreringsskjema </ title>
3 Skriv inn Javascript instruksjoner registreringsskjemaet er:
<Script type = \ "text / javascript \" language = \ "Javascript \">
// <! [CDATA [
<! - Start script her
funksjon checkform (thisform)
{
if (thisform.name.value == null || thisform.name.value == \ "\")
{
alert (\"Please enter your name\")
GÅ
thisform.name.focus()
GÅ
thisform.name.select()
GÅ
return false
GÅ
}
Var valgt = false
GÅ
for (var i = 0; i
//]]>
</ Script>
4 Legg skriftstil og farger i skjemaet:
<Style type = \ "text / css \">
/
<! [CDATA [/
kropp
{
background-color: [add color code]
GÅ
}
input.required
{
width: 300px
GÅ
font: [add font attributes, size and type]
GÅ
background-color: [add color code]
GÅ
border: solid 2px #000
GÅ
}
select.required
{
width: 300px
GÅ
font: [add font attributes, size and type]
GÅ
background-color: [add color code]
GÅ
border: solid 2px #000
GÅ
}
td.required
{
font: [add font attributes, size and type]
GÅ
}
input.optional
{
width: 300px
GÅ
font: [add font attributes, size and type]
GÅ
background-color: [add color code]
GÅ
border: solid 2px #999
GÅ
}
textarea.optional
{
width: 300px
GÅ
font: [add font attributes, size and type]
GÅ
background-color: [add color code]
GÅ
border: solid 2px #666
GÅ
}
td.optional
{
font: [add font attributes, size and type]
GÅ
}
input.submit
{
background-color: [add color code]
GÅ
border: solid 2px #000
GÅ
font[add font attributes, size and type]; 5 Lukk Javascript instruksjonene på:
}
/]]> /
</ Style>
</ Head>
Opprette skjemafeltene
6 Skriv inn registreringsskjemaet tittel og instruksjoner. Dette vil være den teksten som vises på brukerens side av skjemaet.
<Body>
<H1> [legg påmeldingsskjema tittel her] </ h1>
<P> [legge til skjema instruksjonene her] </ p>
7 Legg inn e-postadressen der du vil at skjemaet informasjonen som skal sendes:
<Form action = \ "mailto: [legg til e-postadressen din her] \" method = \ "post \" onsubmit = \ "tilbake checkform (dette) \"
8 Legg informasjonsfeltene som du vil at brukeren skal fylle ut. I dette eksemplet er brukerens navn, e-postadresse og kjønn forespurt. Hver tabell inneholder en informasjonsfeltet. Du kan endre eksempler ved å endre felt titler som er i fet koder. Du kan også slette en tabell, eller legge til flere tabeller, avhengig av hvor mange opplysninger feltene du trenger.
<Table>
<Tr>
<Td align = \ "riktige \" class = \ "nødvendige \"> <b> Navn: </ b> </ td>
<Td> <input name = \ "navn \" class = \ "nødvendige \" /> </ td>
</ Tr>
<Tr>
<Td align = \ "riktige \" class = \ "nødvendige \"> <b> E-postadresse: </ b> </ td>
<Td> <input name = \ "navn \" class = \ "nødvendige \" /> </ td>
</ Tr>
<Tr>
<Td align = \ "riktige \" class = \ "nødvendige \"> <b> Kjønn: </ b> </ td>
<Td class = \ "nødvendige \"> <input type = \ "radio \" name = \ "kjønn \"
verdi = \ "mannlig \" /> male <input type = \ "radio \" name = \ "kjønn \"
verdi = \ "female \" /> female </ td>
</ Tr>
9 Legge til HTML for å lukke ut registreringsskjemaet:
<Tr>
<Td colspan = \ "2 \" align = \ "riktige \"> <input type = \ "submit \" value = \ "registrere \"
class = \ "submit \" /> </ td>
</ Tr>
</ Table>
</ Form>
</ Body>
</ Html>
10 Lagre Notepad dokumentet som en .txt-fil. Last det opp til serveren, som vil lese det som et HTML-dokument, og publisere det som en nettside som kan knyttes til ditt nettsted.
Hint
- Den enkleste måten å lage denne formen er ved å skrive eller lime inn HTML inn en Notisblokk-dokument, og legger til endringene som er angitt i parentes. Deretter kan du lagre det som en .html eller .htm dokument, og laste den opp til serveren din.