Tutorial Web > Componenti di un form

Componenti di un form

In questo articolo vorrei affrontare un argomento che reputo altamente interessante perchè spesso le applicazioni prevedono l'utilizzo di moduli, i cosiddetti form. Un form contiene dei componenti che possono essere:

Input text (campo di testo)
Text Box (area di testo)
Option Button
Check Box

Ora andremo a vedere come è possiible tramite il php leggere i dati selezionati tramite questi componenti.

Costruiamo il form

Costruiamo un form come specificato di seguito e inseriamolo nella pagina test.htm.

<form id="form_tutorial" name="form_tutorial" method="post" action="read.php">

<label>campo testo

<input name="input_text" type="text" id="campo_testo" value="contenuto campo di testo" />

</label>

<p>

<label>area testo

<textarea name="text_area" id="area_testo" cols="45" rows="5">contenuto area di testo</textarea>

</label>

</p>

<p>

<label>

<input name="check_box" type="checkbox" id="check_box" checked="checked" value="check-box on" />

check-box</label>

</p>

<p>

<label>

<input type="radio" name="radio_button" id="radio_button" value="radio-button on" />

radio button</label>

</p>

<p>

<label>

<input type="submit" name="invia" id="invia" value="Invia" />

</label>

</p>

</form>

Se vuoi vedere un anteprima della pagina clicca qui.

Costruiamo la pagina che legge il form

Ora andiamo a costruire la pagina read.php che deve leggere i valori che abbiamo impostato attraverso i componenti del form:

<?php

$input_text = $_POST['input_text']; 

$text_area = $_POST['text_area'];

$check_box = "check box off"; 

if (isset($_POST['check_box'])) 

{$check_box = $_POST['check_box'];}

$radio_button = "radio button off";

if (isset($_POST['radio_button'])) 

{$radio_button = $_POST['radio_button'];} 

echo $input_text."<br>".$text_area."<br>".$check_box."<br>".

$radio_  button;

?>

Come possiamo notare, mentre per l'input-text e la text-area è stato possibile leggerne il valore senza controlli, per la check-box e il radio-button è stato invece necessario inizializzare la variabile associata ad un valore (nel nostro caso "off") poi è stato necessario controllarne l'esistenza tramite l'istruzione isset. Se infatti non vengono spuntati la check-box e il radio-button, le variabili associate non verranno create.