Skip to main content

Radio buttons

Un Radio button (o option button) è un controllo che permette all’utente di effettuare una scelta singola esclusiva nell’ambito di un insieme predefinito di opzioni o possibili scelte.

Default
Disabilitato
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
  <div class="row">
    <div class="col">
    <div>Default</div>
      <div class="form-check form-check-inline">
        <input name="gruppo1" type="radio" id="radio1">
        <label for="radio1">Non selezionato</label>
      </div>
      <div class="form-check form-check-inline">
        <input name="gruppo1" type="radio" id="radio2" checked>
        <label for="radio2">Selezionato</label>
      </div>
    </div>
    <div class="col">
      <div>Disabilitato</div>
      <div class="form-check form-check-inline">
        <input name="gruppo2" type="radio" id="radio3" disabled>
        <label for="radio3">Non selezionato</label>
      </div>
      <div class="form-check form-check-inline">
        <input name="gruppo2" type="radio" id="radio4" checked disabled>
        <label for="radio4">Selezionato</label>
      </div>
    </div>
  </div>

Documentazione tecnica

Per i dettagli tecnici sulla costruzione dei radio button si veda la relativa pagina