Liste e Combo Liste e combo lista chiusa
Liste e Combo • Liste e combo (lista chiusa) hanno una struttura simile: utilizzano gli stessi due tag: <SELECT> e <OPTION> Il primo tag contiene il secondo. <select> deve essere chiuso (</select>) <option> può non essere chiuso (ma è meglio chiuderlo – xhtml). <select name="nome. Oggetto" size="n" multiple> <option value="aa"> elemento 1 </option> <option selected> elemento 2 </option>. . . <option selected value="xx"> elemento. N</option> </select> • Le opzioni con parametro selected appariranno preselezionate. Il parametro value interessa linguaggi di script 1
<SELECT> <OPTION> • Le combo (lista chiusa) hanno una la stessa struttura. E' sufficiente togliere il parametro multiple e mettere size="1" o non metterlo <select name="nome. Oggetto" id="nome. Oggetto" > <option value="aa" > elemento 1 </option> <option selected value="bb"> elemento 2 </option>. . . <option value="xx"> elemento. N<option> </select> • Sarà selezionata l'ultima opzione con parametro selected 2
<optgroup> • è possibile raggruppare alcune voci con il tag <optgroup>…. </optgroup> • optgroup ha il parametro label Nota: si può inserire anche <optgroup label="…. " /> per inserire un'indicazione visibile quando si apre la combo 3
<TEXTAREA>. . . </TEXTAREA> • Questo tag permette di creare un'area di input testuale di dimensioni variabili (tipo il Blocco Note). • E' necessario specificare il nome (name= e id=), utilizzato da linguaggi di scripting, il numero di righe e di colonne (cols=, rows=) • Il testo contenuto tra i due tag viene riprodotto come valore iniziale, preservando spaziature e ritorni a capo. 4
<FIELDSET> e <LEGEND> • sono tag che aiutano a "raggruppare" i campi in un form • Legend serve per dare un titolo al raggruppamento. • Un fieldset può contenere altri fieldset • Le impostazioni di default variano molto da browser <FIELDSET> <LEGEND>Dati Anagrafici</LEGEND> Nome <input type="text"…>…. </FIELDSET> 5
<BUTTON>…</BUTTON> • è più generico dell'<input type=button>: può contenere testo su più righe e immagini • ha come parametri – type= submit/reset/button – value=… valore (utilizzato per type=submit) – name=… (utilizzato per type=submit) – disabled – id, style, class, title, ecc. . 6
tabindex • è un attributo comune a vari oggetti tipo input select, textarea, ecc. • permette di modificare l'ordine con cui, alla pressione del tasto TAB, si passa da un campo di input all'altro • di default vale l'ordine di inserimento nella pagina html • utilizzare una numerazione progressiva 7
access. Key • è possibile inserire (per i campi di input) una lettera che funzionerà da scorciatoia di tastiera • ALT + lettera (con Internet Explorer, Chrome) • ALT + shift + lettera (firefox) • Shift + ESC + lettera (Opera) • ctrl + lettera (MAC) <input type="text" name="cognome" accesskey="C" id="cognome> 8
- Slides: 8