Input

Elementi e stili per la creazione di campi accessibili e responsivi

Componenti

Metadati e link per approfondire

Utile per

Anteprima

Anteprima:
Inizio anteprima:Fine anteprima.

Quando usarlo

In stesura

Come usarlo

In stesura

Accessibilità

In stesura

Stato del componente

In stesura

Anatomia

In stesura

Comportamento

In stesura

Specifiche di design

In stesura

Come iniziare

Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici

Anteprima

Anteprima:
Inizio anteprima:Fine anteprima.

1<div>
2  <div class="form-group">
3    <label for="exampleInputText">Campo di tipo testuale</label>
4    <input type="text" class="form-control" id="exampleInputText">
5  </div>
6  <div class="form-group">
7    <label for="exampleInputEmail1">Campo di tipo email</label>
8    <input type="email" class="form-control" id="exampleInputEmail1">
9  </div>
10  <div class="form-group">
11    <label for="exampleInputNumber">Campo di tipo numerico</label>
12    <input type="number" data-bs-input class="form-control" id="exampleInputNumber">
13  </div>
14  <div class="form-group">
15    <label for="exampleInputTelephone">Campo di tipo telefono</label>
16    <input type="tel" class="form-control" id="exampleInputTelephone">
17  </div>
18  <div class="form-group">
19    <label class="active" for="exampleInputTime">Campo di tipo ora</label>
20    <input type="time" class="form-control" id="exampleInputTime" min="9:00" max="18:00">
21  </div>
22</div>

Come iniziare

Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici