Un modulo di richiesta informazioni parte I°

Costruire un modulo di richiesta informazioni è il modo migliore per imparare a usare i controlli che compongono un form e vederli in azione tutti assieme. Inoltre, è utile anche per comprendere come possono essere organizzati visivamente i diversi elementi all’interno della pagina.
Il modulo da costruire è il file cattato.htm, all’interno della directory istituzione del sito http://www.acmespa.it. Il modulo verrà inviato via e-mail tramite uno script apposito (/cgi-bin/inviamodulo.php) che consentirà di definire tre variabili all’interno del modulo:
  • l’indirizzo e-mail del destinatario della richiesta di informazioni, in una variabile chiamata destinatario (davideonline@gmail.com);
  • l’oggetto del messaggio che verrà chiamato al destinatario, in una variabile chiamata oggetto;
  • l’URL della pagina verso qui si verrà rediretti nel momento in cui il modulo sarà inviato con successo, una variabile chiamata redirect.
All’interno del modulo dovranno essere predisposti i seguenti campi:
  • dati anagrafici;
  • informazioni sul comportamento d’acquisto;
  • testo della richiesta di informazioni;
  • autorizzazione al trattamento dei dati personali;
Per cominciare, si definisce il tag form:


<form name="richiesta info" action="/cgi-bin/inviamodulo.php">
</form>

All’interno del form si creano le aree per i quattro gruppi di controlli:


<form name="richiesta info" action="/cgi-bin/inviamodulo.php">
<fieldset>
<legend>Dati Anagrafici</legend>
</fieldset>
<fieldset>
<legend>Le tue abitudini</legend>
</fieldset>
<fieldset>Le tue richieste</legend>
</fieldset>
<fieldset>
<legend>Privacy Policy</legend>
</fieldset>
</form>

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...