Abbiamo visto come realizzare nel precedente tutorial un semplice form e-mail in php con la presenza di due campi di testo. Adesso vorremmo introdurre anche nello stesso form (che concettualmente rimane tale) alcuni componenti aggiuntivi come una Textarea, una select, un radiobutton e un checkbox. Completeremo così il form inserendo tutti i principali componenti che si solito si trovano in un form.
Vediamo innanzitutto di visualizzare questi componenti:
Textarea il suo codice html <textarea name=”nomechevipare” /></textarea>
Select
il suo codice html <select name=”nomechevipare”/></select>
Radiobutton
<input type=”radio” name=”come_vuoi” value=”scegli come vuoi” />
Checkbox
il codice html è <input type=”checkbox” name=”come_vuoi_te” value=”Scegli come vuoi” />
Visti questi componenti è possibile ora aggiornare il nostro file info.htm con nuovi componenti da aggiungere:
Inseriremo una Textarea per eventuali commenti o per maggiori informazioni; e il tag lo scriveremo così:
<textarea name=”informazioni” /></textarea>
Inseriremo una select in modo che chi compila il form possa scegliere se avere la newsletter sulle informazioni o sugli script e il tag lo scriveremo così: // option value sono le varie opzioni che appariranno nel menù a tendina
<select name=”newsletter”>
<option value=”Newsletter – Info”>Newsletter – Informazioni</option>
<option value=”Newsletter – Script”>Newsletter – Script</option>
</select>
Con il radio button faremo scegliere all’utente se vuole ricevere anche altre informazioni commerciali. Il tag lo scriveremo così all’interno di una tabella con due righe e una colonna.
<table width=”200″>
<tr>
<td><label>
<input type=”radio” name=”informazioni_commerciali” value=”Si” />
Si</label></td>
</tr>
<tr>
<td><label>
<input type=”radio” name=”informazioni_commerciali” value=”No” />
No</label></td>
</tr>
</table>
Infine manca il checkbox dove chiederemo all’utente di darci il consenso al trattamento dei dati con la casella già spuntata in partenza:
<input name=”trattamento_dati” type=”checkbox” value=”si” checked=”checked” />
Quindi ricapitolando il nostro file info.htm completo diventerà così:
<form action=”form.php” method=”post”>
Nome: <input type=”text” name=”nome”><br>
Email: <input type=”text” name=”email”><br>
Tipo di newsletter:
<select name=”newsletter”>
<option value=”Newsletter – Info”>Newsletter – Informazioni</option>
<option value=”Newsletter – Script”>Newsletter – Script</option>
</select>
Desideri ricevere altre informazioni commerciali?
<table width=”200″>
<tr>
<td><label>
<input type=”radio” name=”informazioni_commerciali” value=”Si” />
Si</label></td>
</tr>
<tr>
<td><label>
<input type=”radio” name=”informazioni_commerciali” value=”No” />
No</label></td>
</tr>
</table><br>
Ulteriori richieste:
<textarea name=”informazioni” /></textarea><br>
Spuntando questa casella viene concesso il trattamento dei dati personali
<input name=”trattamento_dati” type=”checkbox” value=”si” checked=”checked” /><br>
<input type=”submit” value=”Invia”>
</form>
Nome:
Email:
Tipo di Newsletter:
Desideri ricevere altre informazioni commerciali?
Ulteriori richieste:
Spuntando questa casella viene concesso il trattamento dei dati personali
A questo punto basta modificare il nostro motore form.php con i nuovi campi e il form è concluso:
<?php
$nome=$_POST[“nome”];
$email=$_POST[“email”];
$newsletter=$_POST[“newsletter”];
$commerciale=$_POST[“informazioni_commerciali”];
$informazioni=$_POST[“informazioni”];
$privacy=$_POST[“trattamento_dati”];
$destinatario=”info@internet-news.it”;
$mittente=”From: $email”;
$oggetto=”Nuova iscrizione alla Newsletter di Internet News”;
$messaggio=”$nome si e iscritto alla newsletter e ha comunicato questa e-mail $email
Questa la newsletter richiesta: $newsletter
Richiesta ulteriori informazioni commerciali: $commerciale
Richieste: $informazioni
Trattamento dati personali: $privacy
“;
mail($destinatario,$oggetto,$messaggio,$mittente);
echo “Grazie per esserti iscritto alla newsletter di Internet-News”;
?>
Form e-mail in php con componenti aggiuntivi
Nessun Commento