L’HTML multiplale opzioni. Un il tag deve contenere una o più tag che rappresentano le scelte da cui un utente può selezionare.
Le caselle di selezione sono una parte importante di molti moduli web. Le caselle di selezione ti consentono di accettare l’input dell’utente e di limitare le opzioni che un utente può scegliere a quelle che hai specificato.
Il tag HTML crea un elemento del modulo che fornisce un elenco di opzioni da cui l’utente può selezionarne una o più. L’elemento specifica le opzioni che appaiono in una casella di selezione.
Questo tutorial discuterà come utilizzare l’HTML
Moduli HTML
I moduli sono una parte essenziale di molti siti Web e ti consentono di accettare dati da un utente che puoi elaborare sul tuo sito web. Ad esempio, se stai progettando un sito web per un bar, potresti voler creare un modulo che accetti il ​​feedback dei clienti.
In HTML, il tag viene utilizzato per dichiarare un modulo. Quindi, puoi utilizzare elementi HTML come e selezionare per definire i dati che il modulo raccoglierà. Per questo tutorial, ci concentreremo sul tag e su come può essere utilizzato per raccogliere dati in un modulo.
Per saperne di più sull’HTML moduli, leggi la nostra guida per principianti ai moduli HTML.
HTML
Il tag HTML crea un elenco da cui un utente può selezionare una o più opzioni. Un l’elemento indica una singola opzione nell’elemento
Il tag crea un campo modulo che, se selezionato, visualizza un elenco a discesa con le opzioni tra cui un utente può scegliere.
La sintassi per il tag è la seguente:
Di per sé, il tag non ha opzioni. Dobbiamo usare il tag per definire le opzioni che appaiono in un tag .
Ecco la sintassi per tag:
Il tag viene visualizzato in un tag . In questo esempio, abbiamo anche s abbiamo specificato l’attributo value con il nostro tag .
Questo viene utilizzato per memorizzare il valore dei dati che verrà inviato al server se il l’utente seleziona una particolare opzione. In questo caso, se un utente seleziona Opzione uno dall’elenco, opzione Uno verrà inviata al server.
Ogni ; dovrebbe avere un attributo value specificato.
Il tag HTML è supportato da tutti i principali browser moderni.
Perché Dovresti utilizzare il pulsante
L’utilizzo di un tag è utile quando si desidera limitare i valori che un utente può inserire in un campo modulo. Di seguito sono riportati alcuni esempi in cui
Fornire a un utente un elenco di paesi da cui selezionare.
Fornire a un utente un elenco di colori disponibili per un prodotto da cui selezionare .
Per consentire a un utente di selezionare la quantità di un prodotto che desidera acquistare (cioè tra 1 e 10).
In questi casi, le opzioni sono limitate . L’utilizzo di un menu a discesa significa che puoi ottenere una risposta che abbia senso per il tuo codice. Questo perché l’utente non può inserire alcun valore che desidera, come potrebbe fare in un campo di selezione, cosa che potresti non prevedere.
Esempio HTML
Supponiamo di creare un modulo web per una panetteria locale. Ci è stato chiesto di creare un modulo che consenta un utente per ordinare il pane. Questo modulo dovrebbe presentare un elenco a discesa di pane da cui un utente può scegliere un pane. Le opzioni che dovrebbero apparire sono:
Bianco normale
Marrone normale
Grano intero
Pasta madre
Per impostazione predefinita, dovrebbe essere selezionato Bianco normale.
Per creare questo menu a discesa HTML, potremmo utilizzare il seguente codice:
Il nostro codice restituisce:
Per prima cosa, usiamo un per definire il nostro elenco di selezione. Specifichiamo l’attributo name, che specifica il nome del controllo select form, e assegniamo all’attributo il valore breadType.
Successivamente, usiamo quattro tag per creare l’elenco di opzioni da presentare all’utente. Ciascuno di questi tag ha un attributo value specificato. Questo attributo memorizza il valore dell’opzione che verrà inviata al server quando l’utente invia il modulo.
Il primo tag , la cui etichetta visualizza Bianco normale,ha anche un attributo selezionato specificato. Questo rende Bianco normale l’opzione selezionata predefinita.
Possiamo consentire al nostro utente di selezionare più opzioni nell’elenco utilizzando l’attributo multiplo:
L’attributo multiplo è una parola chiave. Ciò significa che non è necessario utilizzare un segno di uguale per assegnare un valore all’attributo.
Per selezionare più valori, tieni premuto il pulsante Ctrl su Windows o il pulsante Cmd su Mac.
Attributi tag HTML
Il tag ha alcuni attributi HTML specifici che possono essere applicati al tag . Questi sono i seguenti:
Attributo
Valore
Descrizione
autofocus
autofocus
Dà il focus all’elenco a discesa quando il documento viene caricato.
disabilitato
disabilitato
Indica che il l’elenco a discesa è disabilitato (quindi un utente non può inviare un valore utilizzando l’elenco)
form
form_id
Specifica il modulo con cui è legato un elemento
multiplo
multiplo
Consente agli utenti di selezionare più opzioni.< /td>
nome
nome
Specifica il nome per l’elemento.
obbligatorio
obbligatorio
Indica che il campo del modulo deve essere compilato prima di essere inviato.
dimensione
numero
Specifica il numero di opzioni che devono essere mostrate all’utente.
< /tbody>
Conclusione
L’elemento HTML crea un campo modulo che visualizza un elenco di valori predefiniti. Un utente può scegliere uno o più valori dall’elenco. I campi sono utili quando si desidera che un utente selezioni un valore da un elenco predefinito di valori potenziali.
Questo tutorial illustra, con riferimento a un esempio, come può utilizzare il
Vuoi saperne di più sulla programmazione HTML? Consulta la nostra Guida all’apprendimento dell’HTML. Questa guida contiene i migliori suggerimenti su come imparare l’HTML e un elenco di risorse di apprendimento per aiutarti a sviluppare le tue conoscenze.