HTML Opzioni


Esempio

Le opzioni all'interno di un menu di selezione sono ciò che l'utente selezionerà. La sintassi normale per un'opzione è la seguente:

<option>Some Option</option>

Tuttavia, è importante notare che il testo all'interno dell'elemento <option> stesso non viene sempre utilizzato e in sostanza diventa il valore predefinito per gli attributi che non sono specificati.

Gli attributi che controllano l'aspetto e la funzione effettivi dell'opzione sono value ed label . L'etichetta rappresenta il testo che verrà visualizzato nel menu a discesa (quello che stai guardando e farà clic per selezionarlo). Il valore rappresenta il testo che verrà inviato insieme all'invio del modulo. Se uno di questi valori viene omesso, utilizza il testo all'interno dell'elemento come valore. Quindi l'esempio che abbiamo dato sopra potrebbe essere "espanso" a questo:

<option label="Some Option" value="Some Option">

Notare l'omissione del testo interno e del tag finale, che non sono necessari per costruire effettivamente un'opzione all'interno del menu. Se fossero inclusi, il testo interno verrebbe ignorato perché entrambi gli attributi sono già specificati e il testo non è necessario. Tuttavia, probabilmente non vedrai molte persone scriverle in questo modo. Il modo più comune in cui è scritto è con un valore che verrà inviato al server, insieme al testo interno che alla fine diventa l'attributo label, in questo modo:

<option value="option1">Some Option</option>

Selezione di un'opzione per impostazione predefinita

Puoi anche specificare una determinata opzione da selezionare nel menu per impostazione predefinita allegando ad essa l'attributo selected . Per impostazione predefinita, se non viene specificata alcuna opzione come selezionata nel menu, la prima opzione del menu verrà selezionata durante il rendering. Se più di una opzione ha l'attributo selected allegato, l'ultima opzione presente nel menu con l'attributo sarà quella selezionata per impostazione predefinita.

<option value="option1" selected>Some option</option>

Se stai utilizzando l'attributo in un menu di selezione multi-opzione, tutte le opzioni con l'attributo saranno selezionate per impostazione predefinita e nessuna sarà selezionata se nessuna opzione ha l'attributo.

<select multiple>
  <option value="option1" selected>Some option</option>
  <option value="option2" selected>Some option</option>   
</select>