Esercizi sui form

  1. Crea un form come quello di esempio
  2. Fai in modo che inviando i dati del form poi il form si ricarichi con gli stessi dati inseriti. Per fare questo su una inputbox, ad esempio, va recuperato il valore del nome con $_POST e poi va stampato con echo nel campo value della inputbox
  3. Cerca nella documentazione come limitare il nome e il cognome a 20 caratteri
  4. Cerca nella documentazione come bloccare il numero di colonne e righe della textarea
  5. Aggiungi un campo di tipo password e stampa a fianco del campo la password inserita precedentemente
  6. Aggiungi un campo di tipo hidden e nel suo valore metti il cognome inserito precedentemente

Come funzionano?

I form sono composti da diversi elementi. Il principale ovviamente è il form.

    <form action="pagina.php" id="..." method="post/get" enctype="..."></form>

All'interno del form ci sono i vari elementi utilizzati per la raccolta dati. Il primo che consideriamo è la casella di testo: (video)

    <input type="text" value="..." name="..." id="..." placeholder="..."/>

Un altro elemento che si può inserire all'interno dei form è la checkbox: (video)

    <input disabled selected name="calcio" type="checkbox">

Il radiobutton consente una scelta singola scelta tra più opzioni: (video)

    <input type="radio" name="sesso" value="M">

La textarea è utilizzata per inserire dei testi più grandi: (video)

    <textarea maxlength="10" placeholder="Inserisci qualcosa..." name="descrizione"></textarea>

Infine la tendina per mostrare più opzioni: (video)

    <select name="nazione">
        <option value="FR">Francia</option>
        <option selected value="IT">Italia</option>
        <option value="DE">Germania</option>
    </select>

Pazzesco! Stavo per diementicare i campi hidden! Trovalo qui in mezzo! :) --><--

    <input type="hidden" value="..." name="..." id="..." />

Puoi trovare ulteriori esempi in questa pagina di w3schools.