EchoEcho.Com
CORSI COMPLETI

HOME CORSI HTML FORM     
EchoEcho.Com
STRUMENTI & RISORSE
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
  
  CERCA QUESTO SITO

Suggerisci questo Sito a un Amico
SUGGERISCI QUESTO SITO

HTML FORMS

INTRODUZIONE


ESEMPI


PROGRAMMI CGI


IL FORM TAG


FORM FIELDS


   TESTO


   PAROLA D'ORDINE


   NASCOSTO


   AREA DI TESTO


   CHECK BOX


   BOTTONE RADIO


   MENU' A DISCESA



   BOTTONE DI INVIO


   BOTTONE RESET


   BOTTONE IMMAGINE


RIFERIMENTO VELOCE

Forms HTML :
MENU' A DISCESA

I drop-down menus ("menų a discesa") sono probabilmente gli oggetti pių flessibili che puoi aggiungere ai tuoi form.

Il menų a discesa ha lo stesso scopo dei bottoni radio (una selezione soltanto) o dei "check boxes" (dove sono permesse selezioni multiple).

Il vantaggio del menų a discesa, se confrontato con i bottoni radio e i check box, č che occupa meno spazio.
Ma questo č allo stesso tempo uno svantaggio, perché non si possono vedere immediatamente tutte le opzioni.

C'č un modo di aggirare il problema - con l'attributo "size", si puō personalizzare il menų e rendere visibile pių di un'opzione alla volta, ma facendo questo si perde il vantaggio di occupare meno spazio.

Insomma, per ogni decisione presa, c'č il rovescio della medaglia...




Alcune volte č meglio mettere dei menų a discesa al posto di field di testo, perché selezionare da un menų č pių facile che scrivere. Altre volte ciō č vivamente consigliabile, ad esempio quando il programma che decifra il form non č in grado di interpretare un testo qualsiasi in entrata.

Per esempio, capita spesso di dover scegliere il proprio stato da un menų a discesa. Questo perché scegliere da un menų č pių facile che scrivere il nome dello stato.

Nello stesso modo, puō capitare spesso che ti venga chiesto di digitare le 2 lettere iniziali del tuo stato, sempre da un menų a discesa.
Questo serve ad evitare confusione per il programma che decifra il form. Se, per esempio, il programma accettasse soltanto le maiuscole, il menų a discesa assicurerebbe la completa validitā di tutte le entrate.




Un altro esempio tipico č quello di sostituire i link con menų a discesa.

Questo si puō fare con javascript. Se non ti va di programmare, puoi lo stesso creare un menų a discesa con facilitā, con il nostro
strumento online.




ATTRIBUTI:

Ecoco una lista di attibuti validi per i menų a discesa:


HTMLSPIEGAZIONEESEMPIO
select
name=
size=
multiple=


option
selected
value=

Menų a discesa
Nome del field.
Voci visibili nella lista.
Permette scelte multiple se specificato.


Voci individuali nel menų.
Seleziona la voce per default.
Valore da inviare se selezionato.




I menų a discesa combinano <select> e <option>.
Entrambi i tag hanno un tag di apertura e chiusura.

Un tipico esempio potrebbe essere:
<select>
<option>Latte</option>
<option>Caffč</option>
<option>Tč</option>
</select>





Il tag <select> definisce il menų

L'attributo name aggiunge un nome interno al field, in modo che il programma che decifra il form sia in grado di identificare i field.

L'opzione size stabilisce quante voci sono visibili nello stesso momento. Default č una delle voci.

L'attributo multiple, quando č presente, permette la scelta multipla.




Il tag <option> definisce le singole voci nel menų.

L'attributo value definisce cosa verrā inviato se la voce viene selezionata. Questo non č sempre la stessa cosa che compare sul menų. Se il nostro field fossse definito in questo modo:

<option value="ID">Idaho</option>

nel menų comparirebbe "Idaho", ma quando il form viene inviato, soltanto la forma abbreviata "ID" verrebbe effettivamente mandata.

Puoi stabilire che una voce venga selezionata come default, aggiungendo l'opzione: <option selected>




UN ESEMPIO:

Guarda questo esempio HTML:
<html>
<head>
<title>La Mia Pagina</title>
</head>
<body>
<form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
<div align="center">
<select name="mydropdown">
<option value="Latte">Latte Fresco</option>
<option value="Formaggio">Formaggio Stagionato</option>
<option value="Pane">Pane Caldo</option>
</select>

</div>
</form>
</body>
</html>


Ecco il risultato:





<< PRECEDENTE
CONTINUA >>

CORSO HTML

HTML FONDAMENTALI


HTML TESTO


HTML LISTE


HTML IMMAGINI


HTML LINKS


HTML SFONDI


HTML TAVOLE


HTML FRAMES


HTML FORMS


HTML METATAGS


HTML COLORI HEX




EchoEcho.Com
CORSI COMPLETI
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
EchoEcho.Com
STRUMENTI & RISORSE

(c) Copyright 1998-1999 NetKontoret - All Rights Reserved