Casa Social media Come utilizzare caselle di controllo e pulsanti di opzione nel modulo HTML5 - manichini

Come utilizzare caselle di controllo e pulsanti di opzione nel modulo HTML5 - manichini

Video: Attivare il copia incolla nei siti web che non lo supportano o che lo hanno bloccato 2025

Video: Attivare il copia incolla nei siti web che non lo supportano o che lo hanno bloccato 2025
Anonim

Quando si crea un modulo di raccolta dati per il proprio sito Web, se solo un insieme limitato di valori possibili è disponibile per l'utente, è possibile assegnargli una raccolta di opzioni da scegliere:

  • caselle di controllo: scegliere più di un'opzione.

  • Pulsanti radio: Scegli una sola opzione.

    I pulsanti di opzione differiscono in modo significativo dalle caselle di controllo: gli utenti possono selezionare un singolo pulsante di opzione da un insieme di opzioni, ma possono selezionare un numero qualsiasi di caselle di controllo (incluso nessuno, uno o più di uno).

Se sono disponibili molte scelte (più di una mezza dozzina), utilizzare un elenco a discesa anziché i pulsanti di opzione o le caselle di controllo.

Per creare pulsanti di opzione e caselle di controllo, procedere come segue:

  1. Utilizzare l'elemento con l'attributo type impostato su radio o casella di controllo.

  2. Crea ciascuna opzione con questi attributi:

    • nome: assegna all'opzione un nome. Valore

    • : specificare quale valore viene restituito se l'utente seleziona l'opzione.

Puoi anche usare l'attributo checked (con un valore di checked) per specificare che un'opzione dovrebbe essere già selezionata quando il browser visualizza il modulo. Questo è un buon modo per specificare una selezione predefinita.

Questo markup mostra come formattare la casella di controllo e le opzioni dei pulsanti di opzione:

Quali sono alcuni dei tuoi cibi preferiti?

  • Pizza
  • Gelato
  • Uova e prosciutto verdi

Qual è il tuo genere?

  • Maschio
  • Femmina

Il risultato è mostrato in questa figura.

Nel markup precedente, ogni serie di opzioni usa lo stesso nome per ciascun controllo di input, ma dà un valore diverso a ciascuna opzione. Assegni a ciascun elemento di un insieme di opzioni lo stesso nome per consentire al browser di sapere che fanno parte di un set.

Se lo desideri, puoi selezionare tutte le caselle di controllo che desideri per impostazione predefinita nel markup della pagina - semplicemente includi controllato = "controllato" in ogni elemento che desideri venga selezionato in anticipo.

Come utilizzare caselle di controllo e pulsanti di opzione nel modulo HTML5 - manichini

Scelta dell'editore

Suggerimenti per l'uso con Microsoft Publisher 2007 - dummies

Suggerimenti per l'uso con Microsoft Publisher 2007 - dummies

L'elenco seguente offre buoni consigli per la progettazione della pubblicazione stiamo usando Microsoft Publisher 2007 o qualche altro software di pubblicazione. Se ti stai prendendo il tempo di pubblicare qualsiasi cosa, dedica un po 'di tempo a leggere questi suggerimenti e ad utilizzarli: Progetta la tua pubblicazione per il pubblico giusto. Parla con la tua stampante all'inizio del progetto. Verifica con ...

Gestione del progetto con Office 365 Planner - dummies

Gestione del progetto con Office 365 Planner - dummies

Quando le esigenze di collaborazione del progetto richiedono il tracciamento formale delle attività oltre ai documenti, casella di posta, calendario, blocco appunti del progetto e conversazioni, Office 365 Planner è lo strumento migliore per te. Planner è una soluzione di gestione visiva del progetto che consente di creare e assegnare (o riassegnare) attività e tenere traccia dell'avanzamento da un livello individuale in Le mie attività ...

Pianificazione Viste del progetto 2013 - dummies

Pianificazione Viste del progetto 2013 - dummies

Il file creato in Project 2013 è un programma del progetto, ha una pletora di dati su vari aspetti del progetto e rappresentazioni grafiche di tali informazioni. Per aiutarti a dare un senso a tutte le informazioni, Project offre più viste rispetto al Grand Canyon. Queste viste ti aiutano ad osservare la struttura ...

Scelta dell'editore

Infografica: rapporto staff e business - manichini

Infografica: rapporto staff e business - manichini

Tutti i processi intelligenti del mondo non saranno di grande aiuto in infografica se non si dispone degli strumenti adeguati per trarne vantaggio. Oltre ai tuoi strumenti tecnologici, ecco cosa dovresti prendere in considerazione quando assicurati che il tuo personale e le relazioni commerciali siano in buone condizioni. Raccogli un infografica ...

Tasti di scelta rapida per Tableau - dummies

Tasti di scelta rapida per Tableau - dummies

Semplificano l'esperienza di Tableau con l'aiuto delle scorciatoie da tastiera. Queste scorciatoie possono aiutarti a velocizzare il lavoro dei tuoi dati, sfruttando al massimo i tuoi grafici. Descrizione Tasti di scelta rapida Windows Mac Nuovo foglio di lavoro Ctrl + M Comando-T Nuova cartella di lavoro Ctrl + N Comando-N Annulla Ctrl + Z Comando-Z Ripristina Ctrl + Y Comando-Maiusc-Z Cancella il foglio di lavoro corrente Alt + Maiusc + Backspace Opzione-Maiusc- Elimina Descrizione foglio ...

Infografica: ridimensionamento tra Illustrator e Photoshop - dummies

Infografica: ridimensionamento tra Illustrator e Photoshop - dummies

Se si utilizza Illustrator e Photoshop per creare infografiche , probabilmente inizierai a trovare le somiglianze confortanti. I concetti alla base della maggior parte delle azioni sono gli stessi. "Ridimensionamento", tuttavia, è un'area in cui le differenze essenziali dei programmi si manifestano davvero. Photoshop è un software bitmap o basato su pixel. Ogni pixel in queste immagini raster può essere modificato ...

Scelta dell'editore

Inizia in Word con Dragon NaturallySpeaking - dummies

Inizia in Word con Dragon NaturallySpeaking - dummies

Se hai utilizzato NaturallySpeaking anche per un breve periodo di tempo , sai che ci sono molti modi diversi per realizzare la stessa cosa. Dai un'occhiata a tutti i modi in cui puoi lavorare in Word o WordPerfect per un'esperienza semplice e senza complicazioni. Al momento in cui scrivo Word 2003, Word 2007, Word ...

Ottenendo risultati errati con NaturallySpeaking? - dummies

Ottenendo risultati errati con NaturallySpeaking? - dummies

Se NaturallySpeaking non funziona correttamente quando si dettano, si verificano i cosiddetti errori di riconoscimento o problemi di precisione. Ora, non ti senti meglio, avendo una diagnosi ufficiale del tuo problema? No? Così tante cose diverse possono influenzare la precisione. Se cercarli uno dopo l'altro suona troppo faticoso, prova il seguente pronto soccorso: Assicurati che ...

Vai al Capo della Linea in NaturallySpeaking - manichini

Vai al Capo della Linea in NaturallySpeaking - manichini

Come dire al tuo tassista di andare a Alla fine di una strada, puoi dire a NaturallySpeaking di andare all'inizio o alla fine del documento, il paragrafo corrente, la riga corrente o qualunque blocco di testo sia selezionato. (La linea o il paragrafo corrente è la linea o il paragrafo in cui ora si trova il cursore.) La destinazione più semplice ...