More Related Content
Similar to Lezione07 (20)
Lezione07
- 1. INTERNET DA PROTAGONISTAlezione 720 dicembre 2010
- 2. PROGRAMMASvolgimento test intermedio Cassano, Favullo, PizzolorussoClassifica aggiornataAnalisi problematiche rilevate nella pubblicazione dei siti pubblicatiI Moduli nel linguaggio HTMLTest di gruppo
- 3. I FORM (1)Un modulo (form) 竪 formato da un insieme di campi (fields) per la raccolta di dati in un computer client ed il successivo invio ad un server WEB, per la loro elaborazione e memorizzazione.
- 4. I FORM (2)Il tag fondamentale 竪 proprio <FORM><FORM NAME=nome ACTION=url_pagina METHOD=POST|GET TARGET=frame>Per inserire i campi in un modulo si utilizza il tag <INPUT> con i principali attributi:<INPUT TYPE=TEXT NAME=COGNOME SIZE=15 MAXLENGTH=10 VALUE=ROSSI>Type pu嘆 valere anche password (per occultare i caratteri inseriti)Size limita la dimensione della casella di testoMaxlength imposta il numero max di caratteri che verranno accettati
- 5. I FORM (3)Il tag <TEXTAREA> serve per caselle di testo multilinea:Inserisci il tuo commento <BR><TEXTAREA NAME=COMMENTO COLS=40 ROWS=6> </TEXTAREA>Tutto quello inserito fra apertura e chiusura del tag comparir allinterno dellarea di testoI pulsanti di comando permettono di eseguire alcune azioni associate al loro evento predefinito click() e dispongono di funzionalit diverse come descritto nella tabella seguente:SUBMIT - provoca linvio dei dati da parte del browser al server webRESET provoca la cancellazione di tutti i dati digitati dalloperatore nel browser<INPUT TYPE="SUBMIT" NAME="submit" VALUE="Inviaquestionario"><INPUT TYPE="RESET" NAME="reset" VALUE=Cancella>
- 6. I FORM (4)Le check box e le optionbutton permettono allutente di effettuare scelte nel browser allinterno di pi湛 voci predefinite (check box) oppure di una sola (optionbutton). Per impostarle si usano i valori degli attributi di TYPE nel modo seguente:CHECKBOXRADIOEsempio di checkbox:<INPUT TYPE="CHECKBOX" NAME="domanda1" VALUE="risposta1">informazione<br><INPUT TYPE="CHECKBOX" NAME="domanda2" VALUE="risposta2">automatica<br><INPUT TYPE="CHECKBOX" NAME="domanda3" VALUE="risposta3">interesse<br>Se la casella e' spuntata, input restituisce il valore contenuto nellattributo VALUE (ad esempio, se si spunta informazione avremo domanda1=risposta1), al contrario non restituisce alcun valore. Checked imposta lo stato iniziale della casella all'atto del caricamento della pagina. Per gestire una Option Button si usa lattributo RADIOEsempio:<INPUT type="RADIO" name="giudizio" value="sufficiente"><INPUT type="RADIO" name="giudizio" value="buono><INPUT type="RADIO" name="giudizio" value="ottimo">Questo attributo ha funzioni simili a quello visto in precedenza, ma presenta piu' scelte possibili. Selezionando una voce tra quelle presenti, qualora abbiano tutte valore "name" identico, si deselezionano automaticamente le altre.
- 7. I FORM (5)esempio<html><head><title>Prova Tabella</title></head><body><FORM ACTION="mailto:gerardo.zenga@gmail.com" METHOD="POST"><B>Il termine <I>Informatica</I> deriva da:</B><br> <INPUT TYPE="CHECKBOX" NAME="domanda1" VALUE="risposta1">informazione<br> <INPUT TYPE="CHECKBOX" NAME="domanda2" VALUE="risposta2">automatica<br> <INPUT TYPE="CHECKBOX" NAME="domanda3" VALUE="risposta3">interesse<br> <BR><BR> <B>L<I>IT</I> deriva da:</B> <input type="radio" name="domanda4" VALUE="risposta1"> Information Technology<br> <INPUT TYPE="radio" NAME="domanda4" VALUE="risposta2"> InnovationTechnology<br><BR><BR><INPUT TYPE="SUBMIT" NAME="submit" VALUE="Inviaquestionario"> <INPUT TYPE="RESET" NAME="reset" VALUE="Cancella"></FORM></body></html>
- 8. I FORM (6)La casella di riepilogo permette di definire una lista mediante lelemento SELECT che include un elenco di valori inseriti nel tag OPTION. In questo caso il dato trasmesso al server WEB 竪 quello impostato nellattributo VALUE di option sulla base della scelta fatta dallutente nella lista; per impostare un elemento come selezionato si deve aggiungere a OPTION lattributo SELECTED. I valori scelti dallutente possono essere uno (default) oppure un insieme aggiungendo a SELECT lattributo MULTIPLE.<FORM ACTION=script/query.asp METHOD=POST> <SELECT MULTIPLE NAME=categoria> <OPTION SELECTED VALUE=PC>PC <OPTION VALUE=stampanti>stampanti <OPTION VALUE=monitor>monitor </SELECT> <SELECT NAME=anno> <OPTION VALUE=2004>2004 <OPTION VALUE=2005>2005 </SELECT> <INPUT TYPE=SUBMIT NAME=submit VALUE=Esegui></FORM>油In questo caso verr restituito: categoria=PC e anno=2004
- 9. TEST 08Utilizzando tutti e soli i tag studiati sino ad oggi, provare a migliorare il sito web realizzato dal gruppo di lavoro.In particolare inserire nel proprio sito un form che richieda allutente di inserire i propri dati personali (cognome, nome, sesso, et, citt), un commento sul sito ed una valutazione a scelta tra le seguenti (ottimo buono discreto sufficiente mediocre scarso)Inviare allindirizzo e-mail: gerardo.zenga@gmail.com solamente lindirizzo del sito web pubblicato su Altervista.orgindicando come oggetto della e-mail il nome del gruppo di lavoro.