Nwlapcug.com


Come fare un modulo che può essere compilato e inviato Online

Come fare un modulo che può essere compilato e inviato Online


Web Form combinare codice HTML per costruire campi e alcuni script per inviare dati a un database o un indirizzo e-mail. Creazione di uno script di elaborazione basate su form PHP utilizzando la funzione "mail ()" è un modo semplice e flessibile per contenuto di posta elettronica da un Web form a un indirizzo di posta elettronica online. Utilizzare codice HTML5 per creare un modulo con alcune caratteristiche extra, come il testo segnaposto, no-script "obbligatori" e un autofocus. Browser più vecchi visualizzeranno una forma di HTML5 come HTML4 e script PHP funzionerà in entrambi i casi.

Istruzioni

Creare il Form in HTML

1

Aprire un file HTML nel blocco note e aggiungere un Web form, a partire con il tag "< form >":

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

< / form >

2

Aggiungere i campi di testo per il nome, indirizzo e-mail e tutte le informazioni che necessarie dagli utenti:

< etichetta per = "nome" > Nome:

< tipo input = "nome" name = "nome" id = segnaposto "nome" = "John Doe" necessaria messa a fuoco automatica >

< / etichetta >

< etichetta per = "e-mail" > Email:

< tipo input = "e-mail" name = "e-mail" id = "email" segnaposto = "il [email protected]" richiesto >

< / etichetta >

Il codice di esempio crea campo sia un "Nome" e "Email". In HTML5, è possibile specificare il "nome" o "e-mail" come il tipo di campo, ed è possibile aggiungere "necessaria" per raccontare i browser non di inviare il modulo fino a quando l'utente compila tale campo. Aggiunta di "autofocus" mette il cursore su quel campo in primo luogo.

3

Creare una casella di testo dove gli utenti possono inserire i loro messaggi:

< etichetta per = "messaggio" > messaggio:

< textarea id = "messaggio" nome = segnaposto "messaggio" = "Inserisci qui il tuo messaggio!" >< / textarea >

< / etichetta >

4

Aggiungere il pulsante che presenterà il contenuto del modulo:

< input type = "submit" Identificativo = "submit" nome = "submit" value = "Invia modulo" >

Creare il PHP modulo processore

5

Creare un nuovo file nel blocco note o nell'editor di codice e salvarlo come "process.php" per creare il file PHP. Questo file conterrà il codice per prendere i dati dal modulo e inviarlo a un indirizzo di posta elettronica. Aggiungere una coppia di tag PHP delimitatore e inserire tutto il codice PHP tra di loro. Avviare lo script con un controllo per verificare se l'utente inviato il modulo:

<? php

Se (isset($_POST['submit'])) {

}

? >

6

Ottenere i dati da ogni campo di modulo utilizzando il "$ post" matrice. Inserire il contenuto dell'attributo "name" per ogni campo in parentesi di "$ post" per specificare ogni campo che è necessario:

<? php

Se (isset($_POST['submit'])) {

$name = $_POST['name'];

$email = $_POST['email'];

$message = $_POST['message'];

}

? >

7

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

<? php

Se (isset($_POST['submit'])) {

$name = $_POST['name'];

$email = $_POST['email'];

$message = $_POST['message'];

mail('[email protected]', 'Feedback from ' . $name, $email, $message);

echo 'Thanks for contacting us! We will get back to you shortly.';

}

? >

Consigli & Avvertenze

  • Più vecchio, browser non-HTML5 può ancora visualizzare e utilizzare i moduli di HTML5, ma senza l'aggiunta di funzionalità.
  • Rendere il codice HTML5 convalidare utilizzando il "<! DOCTYPE html > "formato doctype, ponendo il doctype in cima del file HTML.