Crea il modulo di contatto utilizzando HTML e PHP
Semplice modulo di contatto
Il modo di progettare un semplice modulo di contatto utilizzando HTML, CSS e PHP è stato mostrato in questa parte del tutorial.
Codice HTML e CSS:
Crea un file PHP chiamato semplice_contact_form.PHP con il seguente script per visualizzare il modulo di contatto utilizzando solo HTML e CSS. Lo script PHP verrà aggiunto in seguito per convalidare il modulo e visualizzare i dati del modulo inviati.
MODULO DI CONTATTO
Ora, esegui il semplice_contact_form.PHP File dal server. Verrà visualizzato il seguente output dopo aver eseguito lo script.
Leggere, convalidare e stampare i dati del modulo utilizzando PHP
Ora aggiungi il seguente script PHP all'inizio di Simple_Contact_Form.File PHP per convalidare i dati del modulo, leggere i dati del modulo e stampare i dati sul browser. Quando l'utente farà clic sul pulsante Invia, i dati del modulo verranno controllati per la convalida utilizzando lo script PHP. Se i dati inviati verranno validati, i dati verranno stampati nel browser.
Codice PHP:
Aggiungi il seguente codice PHP all'inizio del semplice_contact_form.PHP file.
$ name = "";$ nameerr = "";
$ email = "";
$ emailErr = "";
$ message = "";
$ messageerr = "";
$ error = false;
/ * Controlla campi richiesti */
if (isset ($ _ post ['invio'])
$ name = $ _post ['name'];
$ email = $ _post ['email'];
$ message = $ _post ['messaggio'];
if ($ name == "")
$ nameerr = "Il campo non può essere vuoto.";
$ error = true;
altrimenti se (strlen ($ name) < 3)
$ nameerr = "Il nome dovrebbe essere più di 2 caratteri.";
$ error = true;
altro
$ nameerr = "";
if ($ email == "")
$ emailErr = "Il campo non può essere vuoto.";
$ error = true;
altro se (!filter_var ($ email, filter_validate_email))
$ emailErr = "Indirizzo email non valido.";
$ error = true;
altro
$ emailErr = "";
if ($ message == "")
$ messageerr = "Il campo non può essere vuoto.";
$ error = true;
altrimenti if (Strlen ($ Message) < 10)
$ messageerr = "Il messaggio dovrebbe essere più di 9 caratteri.";
$ error = true;
altro
$ messageerr = "";
if ($ error == false)
$ name = $ name;
$ to = '[email protected] ';
$ da = $ email;
$ soggetto = 'richiesta';
$ body = 'ciao,
'.$ messaggio.'
Grazie,
'.$ Nome;
echo "a:".$ a."
Da: ".$ da."
Soggetto: ".$ soggetto."
".$ corpo;
Se(!ISSET ($ _ POST ['invio']) || $ error == true)
?>
Aggiungi il seguente codice PHP alla fine del semplice_contact_form.PHP file.
?>
Se il modulo viene inviato mantenendo vuoti tutti i campi, verrà visualizzato il seguente output.
Se il modulo viene inviato digitando meno di 9 caratteri nei campi del messaggio, verrà visualizzato il seguente output.
Se il modulo viene inviato con tutti i dati validi, verrà visualizzato il seguente output.
Utilizzando i codici sopra puoi creare facilmente un modulo di contatto molto semplice per il tuo sito. Ma questa forma non è un modulo di contatto reattivo. Il modo di rendere questa forma reattiva è stato mostrato nella prossima parte di questo tutorial.
Modulo di contatto reattivo
La maggior parte dei siti Web sono progettati con funzionalità reattive ora. In questa parte è stato mostrato il modo di convertire il semplice modulo di contatto precedentemente creato in un modulo di contatto reattivo utilizzando Bootstrap.
Codice HTML:
Crea un file PHP chiamato Responsive_Contact_Form.PHP con il seguente script per visualizzare il modulo di contatto reattivo utilizzando HTML e Bootstrap. Lo script PHP verrà aggiunto in seguito per convalidare il modulo e visualizzare i dati del modulo inviati.
>