Hvordan legge til en enkel bestilling Web Form

April 22

Selv om bestillingsskjemaet som du trenger til ditt nettsted er enkel, prosessen som du må følge for å legge det krever minst en grunnleggende kunnskap og en generell forståelse av hvordan HTML-koding fungerer. Når du legger til et enkelt bestillingsskjema, må du legge til tre elementer til siden. Først må du legge til en plass for kontaktinformasjon, andre trenger du en del der kunden gjør sin bestilling og sist du trenger en send-knappen.

Bruksanvisning

1 Logg inn på din webserver.

2 Åpne HTML-siden der du vil at bestillingsskjemaet på nett:

3 Sett inn følgende kode etter <body> -taggen:

<Tr>

<Td width = "340" align = "right"> <font color = "# FF0000"> navn </ font> </ td>

<Td width = "10"> </ td>

<Td width = "200"> <input type = "text" name = "Navn" size = "30" tabindex = "1"> </ td>

</ Tr>

<Tr>

<Td width = "340" align = "right"> <font color = "# FF0000"> E-post </ font>

(Din bekreftelse vil bli sendt hit): </ td>

<Td width = "10"> </ td>

<Td width = "200"> <input type = "text" name = "E-post" size = "30" tabindex = "1"> </ td>

</ Tr>

<Tr>

<Td width = "340" align = "right"> Annet Kontaktinfo: </ td>

<Td width = "10"> </ td>

<Td width = "200"> <input type = "text" name = "OtherInfo" size = "30" tabindex = "1"> </ td>

</ Tr>

<Tr>

<Td width = "340" align = "right"> </ td>

<Td width = "10"> </ td>

<Td width = "200"> </ td>

</ Tr>

</ Table>

4 Sett inn følgende kode til inngangs bestiller feltene i dokumentet:

<Tr>

<Td width = "250" height = "31"> <b> Element Beskrivelse </ b> </ td>

<Td align = "center" width = "100" height = "31"> <b> Antall </ b> </ td>

<Td align = "right" height = "31" width = "60"> <b> Pris </ b> </ td>

<Td align = "right" height = "31" width = "140"> <b> Totalt </ b> </ td>

</ Tr>

<Tr>

<Td width = "250"> Class "A" Widgets </ td>

<Td align = "center" width = "100">

<Input type = "text" name = "qtyA" size = "5" tabindex = "5"> </ td>

<Td align = "right" width = "60"> 1.25 </ td>

<Td align = "right" width = "140">

<Input type = "text" name = "totala" size = "12" tabindex = "99"> </ td>

</ Tr>

<Tr>

<Td width = "250"> Klasse "B" Widgets </ td>

<Td align = "center" width = "100">

<Input type = "text" name = "qtyB" size = "5" tabindex = "5"> </ td>

<Td align = "right" width = "60"> 2,35 </ td>

<Td align = "right" width = "140">

<Input type = "text" name = "totalB" size = "12" tabindex = "99"> </ td>

</ Tr>

<Tr>

<Td width = "250"> Klasse "C" Widgets </ td>

<Td align = "center" width = "100">

<Input type = "text" name = "qtyC" size = "5" tabindex = "5"> </ td>

<Td align = "right" width = "60"> 3.45 </ td>

<Td align = "right" width = "140">

<Input type = "text" name = "totalC" size = "12" tabindex = "99"> </ td>

</ Tr>

<Tr>

<Td width = "250"> </ td>

<Td align = "center" width = "100"> </ td>

<Td align = "right" width = "60"> </ td>

<Td align = "right" width = "140"> </ td>

</ Tr>

<Tr>

<Td width = "250">

<P align = "right"> <b> Totals: </ b> </ td>

<Td align = "center" width = "100"> </ td>

<Td align = "right" width = "60"> </ td>

<Td align = "right" width = "140">

<Input type = "text" name = "GrandTotal" size = "15" tabindex = "99"> </ td>

</ Tr>

<Tr>

<Td width = "250"> </ td>

<Td align = "center" width = "100"> </ td>

<Td align = "right" width = "60"> </ td>

<Td align = "right" width = "140"> </ td>

</ Tr>

</ Table>

5 Bytt ut forekomster av "A", "B" og "C" og prisene ($ 1,25, $ 2,35 og $ 3,45) med de faktiske navnene på produkter og priser.

6 Sett på "Send" -knappen ved neste innsetting denne koden:

<P> </ p>

<Table border = "0" cellpadding = "0" width = "550" id = "table3">

<Tr>

<Td width = "563">

<P align = "center">

<Input type = "submit" value = "Send" name = "subButton" tabindex = "50">

<Input type = "reset" value = "Reset" name = "resetButton" tabindex = "50"> </ td>

</ Tr>

</ Table>

</ Form>

7 Publiser siden.