Campi di input a scelta multipla per moduli HTML

• Potrebbe 2, 2024

Se stai costruendo un modulo sul tuo sito Web e desideri che i tuoi visitatori scelgano tra una o più opzioni preselezionate, un campo di input a scelta multipla è la strada da percorrere.

Il pulsante di opzione è una scelta molto comune per le opzioni a scelta multipla; li vedrai spesso usati su quiz web e moduli simili. Questi pulsanti vengono utilizzati quando si desidera che il visitatore selezioni solo una delle diverse opzioni. Ad esempio, se stavi creando un quiz sulla personalità sul tuo sito Web e volessi che i visitatori selezionassero il loro colore primario preferito (rosso, blu o giallo), utilizzeresti i pulsanti di opzione.

I pulsanti di opzione sono raggruppati in base all'attributo "nome". In un gruppo di pulsanti di opzione che condividono lo stesso nome, i visitatori potranno selezionarne solo uno; facendo clic su un pulsante diverso nel gruppo si deselezionerà la scelta originale. L'attributo "valore" definisce a quale opzione appartiene il pulsante di opzione e l'attributo "controllato" consente di preselezionare un'opzione.

Nell'esempio sopra, la domanda potrebbe essere codificata come segue:

Qual è il tuo colore primario preferito?

Rosso

Blu

Giallo

Sul tuo sito, la domanda sarebbe simile a questa:

Qual è il tuo colore primario preferito?
Rosso
Blu
Giallo

Il secondo campo a scelta multipla è il menu a discesa. Con un menu a discesa, puoi scegliere di consentire selezioni multiple o solo una; i menu a discesa occupano anche meno spazio sulla pagina, quindi ti consentono di presentare più opzioni con meno affollamento.

I menu a discesa utilizzano il tag "select" come base del campo e il tag "option" per impostare le voci di menu. È possibile modificare il tag "select" con l'attributo "size", che specifica quanti elementi sono visibili prima che il visitatore faccia clic per aprire il menu e l'attributo "multiple", che se impostato consente al visitatore di selezionare più di un'opzione . È inoltre possibile modificare il tag "opzione"; l'attributo "selezionato" consente di preselezionare tale opzione.

Ecco una domanda di esempio che utilizza un menu a discesa:

Qual è il tuo giorno della settimana meno preferito?


Domenica
Lunedi
martedì
mercoledì
giovedi
Venerdì
Sabato


Sul tuo sito, la domanda sarebbe simile a:

Qual è il tuo giorno della settimana meno preferito?

Domenica
Lunedi
martedì
mercoledì
giovedi
Venerdì
Sabato


La terza opzione a scelta multipla è la casella di controllo. Le caselle di controllo sono simili ai pulsanti di opzione, tranne per il fatto che consentono sempre ai visitatori di selezionare più opzioni. Le caselle di controllo consentono gli stessi attributi dei pulsanti di opzione.

Una domanda di esempio che utilizza le caselle di controllo:

Che animale / i hai?

Cane

Gatto

Uccello

Topo

Criceto

Alligatore

Altro


I tuoi visitatori vedrebbero:

Che animale / i hai?
Cane
Gatto
Uccello
Topo
Criceto
Alligatore
Altro

Istruzioni Video: Dynamically Add / Remove input fields in PHP with Jquery Ajax (Potrebbe 2024).