Moduli HTML - parte nel browser

Prima di poter elaborare qualsiasi dato utente sul lato server tramite PHP, dobbiamo prima ottenerlo. Questo viene fatto nel browser tramite moduli HTML che definiscono gli elementi di base per ricevere i dati. Lo scopo di questo articolo non è quello di presentare tutte le possibilità di forme, ma solo le possibilità di base per accettare i dati e capire il principio.

Sorgente del modulo HTML di base

<form action="script.php" method="get">

<!-- Zde bude celý obsah formuláře -->

</form>

Ogni modulo inizia con il tag HTML <form> e finisce con il tag </form>. Tutti i campi del modulo inseriti tra questi tag saranno inviati.

Poi, devi impostare dove inviare il modulo con l'attributo action (nome dello script), e quale metodo usare con l'attributo method (GET o POST). Se il metodo e la destinazione non sono specificati, il modulo si invia per default con il metodo GET.

Campi modulo di base

Il campo più usato è utilizzato per ottenere il testo (stringa). Ogni campo ha il suo tipo e nome con cui può essere riconosciuto dopo l'invio.

Campi di testo comuni

La cosa più importante è che ho bisogno di un campo di testo semplice:

<input type="text" name="food">

Campo password

<input type="password" name="heslo">

Checkbox

È usato per controllare il booleano (TRUE e FALSE):

<input type="checkbox" name="vop" checked="checked">

Accetti i termini?

Pulsante radio per selezionare più opzioni

<input type="radio" name="language" value="cz" checked> Čeština
<input type="radio" name="language" value="sk"> Slovenština
<input type="radio" name="language" value="en"> Angličtina

Permette di scegliere tra diverse opzioni. L'opzione selezionata invia il suo valore. Per default è bene selezionare un campo con l'attributo checked="checked":

Campo di testo grande

Creato per l'inserimento di testo su più righe. Si usa anche per entrare:

• cols ~ numero di colonne
• rows ~ numero di righe

<textarea name="article" cols="40" rows="6">
Ahoj lidi!
</textarea>

Ehi ragazzi!

Selectbox

Presenta un modo conveniente per selezionare da molti dati.

<select name="gender">
	<option value="man">Muž</option>
	<option value="woman">Žena</option>
</select>

Dopo aver inviato il modulo, il valore in value viene inviato.

Pulsante di invio

Il modulo può avere un numero illimitato di pulsanti di invio. Sono facili da inserire:

<input type="submit" value="Odeslat">

Quando viene cliccato, prende tutti i dati dai campi del modulo e li invia allo script impostato:

Elaborazione dei dati sul server

Successivamente, è necessario inviare i dati al server ed elaborarli lì, questo è coperto in il prossimo articolo.

Jan Barášek   Více o autorovi

Autor článku pracuje jako seniorní vývojář a software architekt v Praze. Navrhuje a spravuje velké webové aplikace, které znáte a používáte. Od roku 2009 nabral bohaté zkušenosti, které tímto webem předává dál.

Rád vám pomůžu:

Kontakt