Come fare una forma che può essere compilata e contattato online

June 20

Come fare una forma che può essere compilata e contattato online


moduli Web combinano il codice HTML per costruire campi e alcuni script per inviare i dati ad un database o un indirizzo email. Creazione di uno script PHP modulo di elaborazione utilizzando il "mail ()" la funzione è un modo semplice e flessibile per Contenuto e-mail da un modulo Web a un indirizzo di posta elettronica on-line. Usa il codice HTML5 per creare un modulo con alcune caratteristiche extra, come il testo segnaposto, no-script "necessaria" campi e una messa a fuoco automatica. browser più vecchi possano visualizzare un modulo di HTML5 come HTML4, e lo script PHP funziona in entrambi i modi.

istruzione

Creare il form in HTML

1 Aprire un file HTML in Blocco note e aggiungere un modulo Web, a partire dal "<form>" tag:

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

</ Form>

2 Aggiungere i campi di testo per il nome, indirizzo email e altre informazioni necessarie dai vostri utenti:

<Label for = "nome"> Nome:

<Input type = "nome" name = "nome" id = "nome" segnaposto = "John Doe" necessaria messa a fuoco automatica>

</ Label>

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

<Input type = "email" name = "e-mail" id = "email" segnaposto = "[email protected]" necessaria>

</ Label>

Il codice di esempio crea sia un campo "E-mail" "Nome" e. In HTML5, è possibile specificare "nome" o "e-mail" come tipo di campo, e si può aggiungere "necessaria" per dire browser di non inviare il modulo fino a quando l'utente compila quel campo. L'aggiunta di "autofocus" mette il cursore su quel campo prima.

3 Creare una casella di testo in cui gli utenti possono inserire i loro messaggi:

<Label for = "messaggio"> Messaggio:

<Textarea id = "messaggio" name = "messaggio" segnaposto = "Inserisci il tuo messaggio qui!"> </ Textarea>

</ Label>

4 Aggiungere il pulsante che presenterà il contenuto del form:

<Input type = "submit" id = "submit" name = "submit" value = "Invia modulo">

Creare il processore modulo PHP

5 Creare un nuovo file in Blocco note o un editor di codice e salvarlo come "process.php" per creare il file PHP. Questo file conterrà il codice per afferrare i dati dal modulo e inviarlo a un indirizzo e-mail. Aggiungere un paio di PHP tag di delimitazione e inserire tutto il codice PHP tra di loro. Inizia lo script con un controllo per verificare se l'utente ha presentato la scheda:

<? Php

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

}

?>

6 I dati provenienti da ogni campo del modulo con l'array "$ _POST". Mettere il contenuto del "nome" attributo per ogni campo nelle parentesi di "$ _POST" per specificare ogni campo è necessario:

<? Php

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

$name = $_POST['name'];

$ Email = $ _POST [ 'email'];

$ Messaggio = $ _POST [ 'messaggio'];

}

?>

7 Utilizzare il "mail ()" la funzione in PHP per inviare il contenuto del modulo a un indirizzo di posta elettronica:

<? Php

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

$name = $_POST['name'];

$ Email = $ _POST [ 'email'];

$ Messaggio = $ _POST [ 'messaggio'];

elettronica ('[email protected] ',' Commenti da '$ name, $ email, $ messaggio.);

echo 'Grazie per averci contattato! Vi risponderemo al più presto.';

}

?>

Consigli e avvertenze

  • Anziani, i browser non-HTML5 possono ancora visualizzare e utilizzare moduli HTML5, ma senza le funzionalità aggiunte.
  • Rendere il codice HTML5 validate utilizzando il "<! DOCTYPE html>" formato doctype, ponendo il DOCTYPE nella parte superiore del file HTML.