HTML Bestillingsskjema Tutorial

HTML Bestillingsskjema Tutorial


En Hypertext Markup Language (HTML) bestillingsskjema gjør det mulig å drive forretninger på ditt nettsted. Som en tradisjonell papirform, ber en Internett-bestillingsskjema kunden for informasjon og gir områder der hun kan indikere hva hun kjøper. På denne måten har du en virtuell butikk som er åpen 24 timer i døgnet, syv dager i uken, og du gir en praktisk måte for folk å kommunisere med deg. Bruk tekstredigeringsprogram programvaren som følger med datamaskinen for å lage din egen HTML bestillingsskjemaet.

Bruksanvisning

1 Start din tekst editor programvare og opprette en ny side, eller åpne en eksisterende fil.

2 Plasser markøren i området der du vil at skjemaet skal vises. Skriv inn åpning og lukking "<form> </ form>" kode som skaper et HTML-skjema.

3 Skriv "method =" og overlate dette til "post" i åpningen skjemaet tag. Type "action =" og følg denne med "mailto:" pluss din e-postadresse. Å illustrere:

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

Denne koden kan du motta bestillingsskjemaet resultater, når de er sendt.

4 Skriv inn et skjema etikett, for eksempel "Last Name", for å spørre kunden for dataene du trenger.

5 Skriv "<input>" etter skjema etiketten deretter inn "type = text" i denne koden for å bygge et tekstfelt som lar brukeren å legge inn sin informasjon. I tillegg type "navn" og følger dette med et ord som identifiserer dataene slik at du vet hva det gjelder når du mottar bestillingsskjemaet. Avslutt med å legge inn en "verdi", for eksempel "Skriv inn ditt etternavn", for å gi kjøperne en visuell ledetekst i tekstfeltet når de fyller ut skjemaet. For eksempel:

Etternavn <input type = "text" name = "last_name" value = "Skriv inn ditt etternavn" />

6 Gjenta trinn 4 og 5, men denne gangen tildele "type" til "boksen" og velg tilhørende "navn" og "verdi" vilkår. For eksempel:

Varsle meg om dette produktet er utsolgt <input type = "checkbox" name = "stock" value = "Stock" />

Lag så mange avmerkingsboksene som du trenger, slik at brukeren kan krysse av i boksen ved siden av ønsket alternativ.

7 Skriv begynner og slutter "<tekst> </ textarea>" koder for å bygge en stor tekstboks for kunden å legge inn mer informasjon som instruksjoner. Skriv inn en tallverdi for "rader" og "kolonner" (kolonner) i den første koden for å lage ønsket størrelse. Å illustrere:

Skriv inn ytterligere instruksjoner for denne ordren <textarea name = "instruksjoner" Cols = "25" rader = "3"> </ textarea>

8 Skriv inn følgende kode for å skape "Submit" og "Tilbake" knappene:
<Input type = "submit" value = "Send" />
<Input type = "Reset" value = "Reset" />

Den "Send" -knappen sende bestillingen til deg via e-post og "Reset" -knappen tillater kjøperen å starte på nytt.