I moduli
I moduli sono uno strumento per permettere all’utente di comunicare con il proprietario del sito o con il web master per qualsiasi motivo.
Un modulo inizia con
<form action=”mailto:indirizzo di posta” method=”get o post”>.
La differenza e che il metodo get smista le e-mail.il form si chiude con </form>. Per il form abbiamo tanti oggetti da utilizzare.
Vediamoli uno ad uno. Mettiamo il caso che una delle domande da fare all’utente e come ha trovato il sito. Per questo tipo di domanda che richiede una sola risposta abbiamo i pulsanti radio esempio
<input type="radio" name ="gradimento" value="bello" size="20">bello
<input type="radio" name ="gradimento" value="cosi" size="20">Cosi cosi
<input type="radio" name ="gradimento" value="brutto" size="20">brutto
bello
Cosi cosi
brutto
Il tag si apre con input, poi abbiamo il tipo(radio), poi name(se e radio il name deve essere uguale per tutti),value(la risposta che ci arriverò per e-mail)e il testo.Possiamo imporre già una selesione con checked all’interno dell’input
bello
Cosi cosi
brutto
Ora vediamo un altro tipo di pulsanti i pulsanti chekbox cioè a risposta multlipa.
<input type="checkbox" name ="cosa ti piace" value="velocita" size="20" checked>velocità
<input type="checkbox" name ="cosa ti piace" value="menu"size="20">Menu
<input type="checkbox" name ="cosa ti piace" value="conenuti" size="20" >Contenuti
velocità
Menu
Contenuti
Con questi tipi di pulsanti potete selezionare più di uno. Come vedete anche a questi possiamo già impostare una scelta.
Possiamo dare ai nostri utenti la possibilità di inserire un loro commento con
<textarea rows="5" cols="55"></textarea>
Questo tipo di marcatura va chiuso. Con gli attribbuti rows e cols impostiamo la larghezza e la altezza.
Un altro tipo di oggetto molto utilizzato è l’input type text che permette di lasciare il propio nome, indirizzo e altro
<input type="text" size="26">
Poi abbiamo una cosa molto bella i menu si selezione.
<select >
<option value="">gioco</option>
<option value="1">gioco1</option>
<option value="2">gioco2</option>
</select>
Per far scegliere all’utente qualcosa. Guardate il primo value è vuoto poi 1 poi 2 . Questo si fa per meglio metter in ordine l’elenco.L’ input va chiuso e anche il select
gioco1
gioco2
Abbiamo poi i campi nascosti che servo per passare informazioni e sono usati molto nei linguaggi di programmazione tipo php<input type=”hidden” value=”cosa vuoi”> Sul monitor non vediete niente ma io ho inserito un campo nascosto.
Infine abbiamo i due pulsanti di invio modulo e di reset modulo
<input type="submit" value="invia"> <input type="reset" value="cancella">
Dentro value c’e la scritta che apparirà a video. Ora Guardate questo modulo Clicca qui