Hvordan lage et skjema som kan fylles ut og sendes på nettet

Webskjemaer kombinere HTML-kode for å bygge felt og noen scripting for å sende data til en database eller en e-postadresse. Opprette et PHP skjema behandling skript ved hjelp av "mail ()" funksjonen er en fleksibel og enkel måte å sende innholdet fra et webskjema til en e-postadresse på nettet. Bruk HTML5-kode for å lage et skjema med et par ekstra funksjoner, for eksempel eksempeltekst, no-script "nødvendig" felt og en autofokus. Eldre nettlesere vil vise en HTML5-form som HTML4, og PHP script vil fungere uansett.

Bruksanvisning

Opprett skjema i HTML

1 Åpne en HTML-fil i Notepad og legge til en web-skjema, og starter med "<form>" tags:

<Form action = "process.php" method = "post">

</ Form>

2 Legg til tekstfelt for navn, e-postadresse og eventuell annen informasjon du trenger fra brukerne:

<Label for = "name"> Navn:

<Input type = "navn" name = "navn" id = "navn" plassholder = "John Doe" nødvendige autofokus>

</ Label>

<Label for = "email"> E-post:

<Input type = "email" name = "email" id = "email" plassholder = "[email protected]" nødvendige>

</ Label>

Eksempelkoden skaper både et "Navn" og "E-post" feltet. I HTML5, kan du angi "navn" eller "e" som type felt, og du kan legge til "nødvendig" for å fortelle nettlesere ikke å sende inn skjemaet til brukeren fyller ut dette feltet. Legge "autofokus" setter markøren på det feltet først.

3 Lag en tekstboks der brukerne kan legge inn sine meldinger:

<Label for = "message"> Melding:

<Textarea id = "melding" name = "melding" plassholder = "Vennligst skriv din melding her!"> </ Textarea>

</ Label>

4 Legg på knappen som vil sende inn skjemaets innhold:

<Input type = "submit" id = "submit" name = "submit" value = "Send skjema">

Lag PHP Form Prosessor

5 Opprett en ny fil i Notepad eller kode editor og lagre det som "process.php" for å lage din PHP-filen. Denne filen inneholder kode for å hente data fra skjemaet og sende det til en e-postadresse. Legg et par PHP skille koder og plassere alle PHP-koden mellom dem. Start script med en sjekk for å se om brukeren sendt inn skjemaet:

<? Php

if (isset ($ _ POST [ 'submit'])) {

}

?>

6 Få data fra hvert skjemafelt med "$ _POST" array. Plasser innholdet i "navn" attributt for hvert felt i parentes av "$ _POST" for å angi hvert felt du trenger:

<? Php

if (isset ($ _ POST [ 'submit'])) {

$name = $_POST['name'];

$ Email = $ _POST [ 'email'];

$ Message = $ _POST [ 'melding'];

}

?>

7 Bruk "mail ()" -funksjonen i PHP sende skjemaet innholdet til en e-postadresse:

<? Php

if (isset ($ _ POST [ 'submit'])) {

$name = $_POST['name'];

$ Email = $ _POST [ 'email'];

$ Message = $ _POST [ 'melding'];

post ('[email protected] ',' Tilbakemelding fra '$ name, $ epost, $ melding.);

ekko "Takk for å kontakte oss! Vi vil komme tilbake til deg om kort tid. ';

}

?>

Hint

• Eldre, ikke-HTML5 nettlesere kan fortsatt vise og bruke HTML5 former, men uten den ekstra funksjoner.
• Gjør HTML5-kode validere ved å bruke "<! DOCTYPE html>" doctype format, plassere doctype på toppen av HTML-fil.