Hvordan kode en Register Skjema for et nettsted

Hvordan kode en Register Skjema for et nettsted


Coding et registreringsskjema for et nettsted kan nytte både for deg og besøkende til ditt nettsted. En online påmeldingsskjema gir besøkende en praktisk, papirløs, og rask måte å registrere deg for tjenesten. I stedet for å vente til å registrere i person, til en besøkende kan bruke elektronisk skjema registrere 24 timer i døgnet, 7 dager i uken. Fordi skjemaet sendes automatisk til innboksen din, kan koding et registreringsskjema også hjelpe deg å holde orden.

Bruksanvisning

1 Åpne din tekst editor og starte en ny HTML-dokument. Kontroller at dokumentet inneholder følgende koder:

<Html>

<Head>

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

</ Head>

<Body>

</ Body>

</ Html>

2 Skriv inn <form> -taggen i hoveddelen av HTML-dokumentet.

3 Legg til både metode og handling attributter i skjemaet tag. Etter handlingen attributt, fyll inn din e-postadresse. Dette er adressen der all informasjon vil bli sendt når noen fyller ut registreringsskjemaet.

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

4 Skriv inn en <p> tag etterfulgt av spørsmålet du ønsker en besøkende til å svare. For eksempel, hvis du ønsker en besøkende til å oppgi fullt navn, skriver du inn følgende:

<P> Hva er ditt fulle navn?

5 Lag en tekstboks for en besøkende å svare på spørsmålet ditt ved å legge til en <input /> tag. Alle ledd og inngangs koder må falle mellom <form> og </ form> tags.

6 Inkluder type og størrelse, attributter i <input /> tag:

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

7 Skriv inn antall tegn lang du vil at tekstboksen for å være. Plasser denne tall mellom anførselstegn i størrelse attributtet. For eksempel vil følgende kode opprette en tekstboks som ville tillate en bruker å svare på spørsmålet ditt i 15 tegn:

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

8 Beskriv skjemaet du samler inn ved å fylle ut navn attributtet. Når skjemaet er sendt til din e-post, vil beskrivelsen i attributtnavnet identifisere hvert dataelement. For eksempel denne koden <input type = "text" size = "15" name = "fullt navn" /> vil generere følgende e-postmelding:

fullt navn = "Bob Barker»

9 Lukk ledd tag.

10 Spør besøkende for mer informasjon og skape riktig størrelse tekstboksene ved å gjenta trinn 4 til 10.

11 Lag en knapp som sender påmeldingsskjema til din e-post ved å skrive inn følgende kode:

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

HTML-dokumentet som ber besøkende til å registrere ved å skrive inn sitt fulle navn i en tekstboks vil se slik ut:

<Html>

<Head>

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

</ Head>

<Body>

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

<P> Hva er ditt fulle navn? <Input type = "text" size = "15" name = "fullt navn" /> </ p>

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

</ Body>

</ Html>

Hint

  • Spar tid ved å tegne inn registreringsskjemaet på papir før du begynner.
  • Gi hver HTML-kode en egen linje. Denne teknikken vil holde koden organisert, gjør det lettere å lese, og hjelpe deg å unngå tidkrevende feil.