Hvordan bygge en Request for Information webside

Når du oppretter en nettside, enten det er en enkel blogg eller et online kjøpesenter, vil du ønsker å være i stand til å legge til rette for enkel kommunikasjon mellom deg og dine besøkende. Det er derfor kontaktskjemaer der besøkende kan be om informasjon har vært stifter siden internett første eksisterte. Heldigvis er relativt enkelt å lage kontaktskjemaer, selv å vite det grunnleggende om HTML vil være nyttig. Etter at du har lagt grunnlaget, har du alt du trenger å vite for å gjøre skjemaene så komplisert som du vil.

Bruksanvisning

1 Lag tre separate filer med ethvert tekstredigeringsprogram: form.html, process.php og confirmation.html. Den første filen er en enkel web-skjema som brukerne kan fylle ut. Den andre vil behandle skjemaet og sende innholdet til din e-postadresse. Den tredje vil vise en melding til brukeren om at deres kommentar eller forespørsel er sendt.

2 Hvordan bygge en Request for Information webside

Opprett en html form i form.html inneholder felt for, minst, brukerens navn, e-postadresse og forespørsel. Det kan være så enkelt eller så komplisert som du ønsker, men her er den enkleste eksempel for å komme i gang:
<Form name = "kontakt" action = "process.php" method = "post">
<Label> navn </ label> <br />
<Input type = "text" name = "navn" /> <br />
<Label> E-post </ label> <br />
<Input type = "text" name = "email" /> <br />
<Label> Melding </ label> <br />
<Textarea name = "message"> </ textarea> <br />
<Input type = "submit" name = "submit" value = "Send" />
</ Form>
Se vedlagte bilde for en idé om hva det vil se ut til besøkende.

3 Fyll process.php med følgende kode:
<? Php
$ Name = $ _POST [ 'navn'];
$ Email = $ _POST [ 'email'];
$ Message = $ _POST [ 'melding'];
$ Body = "$ name sa: $ melding";
$ overskrifter = "Fra: $ email";
post ( "[email protected]", "New Request for Information", $ kroppen, $ overskrifter);
header ( "Location: confirmation.html");
?>
Hvis du ikke er kjent med PHP, her er en rask oversikt over hva som skjer:
"<? Php" lar ditt nettsted vet at alt mellom det og "?>" Er PHP-kode.
De neste tre linjer alle trekke den informasjon som brukeren innmatet i navnet, e-post og meldingsfelt og lagrer hver av dem i variablene $ name, $ epost, og $ meldingen. (Variabler i PHP er merket med dollartegn foran dem.)
De neste linjene skaper $ kroppen variabel som lagrer hva e-posten du får vil faktisk inneholder.
Den neste linjen vil holde brukerens inputted e-postadresse i "Fra" på e-posten din, slik at du kan sende dem tilbake.
Den neste linjen setter alt sammen med PHP er "post" -funksjonen. Inne i parentes, stick fire stykker av informasjon: e-postadresse, emnet for e-post (i dette eksempelet, "New Request for Information"), kroppen av e-posten (siden vi allerede har opprettet en variabel kalt $ kroppen, bare stokk det der), og e-posthodet (som igjen, vi allerede opprettet og satt i $ header variable).
Til slutt, etter at e-post har blitt sendt, vil den siste linjen omdirigere brukeren til bekreftelsessiden.

4 Skriv hva du vil i din confirmation.html siden. Å ha en enkel "suksess!" melding, for eksempel skrive noe sånt som dette:
<P> Din forespørsel er sendt. Vi vil komme tilbake til deg så snart som mulig. Tusen takk! </ P>

5 Last opp hver fil på webserveren i samme katalog og teste dem ut. PHP-filer bare fungere når de er på en server, så dette vil være din første sjanse til å teste om alt fungerer. Hvis du ønsker å legge skjemaet og bekreftelse til sider som allerede finnes, bare kopiere og lime inn koden inn på sidene, og i PHP-filen, må du omdirigere brukere til riktig bekreftelse.

Hint

  • Hvis du ikke er komfortabel å jobbe med HTML og PHP-kode, er det en rekke forhåndsbygde skript for rekvisisjoner rundt på nettet. Se Ressurser for koblinger til noen.