L'elemento HTML <kbd> rappresenta l'input dell'utente e produce un elemento inline visualizzato dal browser con il font a spaziatura fissa predefinito.
| Content categories | Contenuto di flusso, contenuto di enunciazione, contenuto interattivo. |
|---|---|
| Permitted content | Contentuto di enunciazione. |
| Tag omission | Nessuna, sia il tag di apertura che quello di chiusura sono obbligatori. |
| Permitted parents | Qualunque elemento che accetta contenuti di enunciazione. |
| Permitted ARIA roles | Tutti |
| DOM interface | HTMLElement Fino a Gecko 1.9.2 (Firefox 4) incluso, Firefox implementa l'interfaccia HTMLSpanElement per questo elemento. |
Attributi
Questo elemento supporta solamente gli attributi globali.
Esempi
<p>Digita questo comando nella finestra Run:
<kbd>cmd</kbd><br /> e premi il pulsante OK.</p>
<p>Salva il documento premendo
<kbd>Ctrl</kbd> + <kbd>S</kbd></p>Result
Note
È possibile definire una regola CSS per ignorare il font predefinito del browser. Alcune preferenze stabilite dall'utente possono avere la precedenza su quelle specificate dal CSS.
Quando l'elemento <kbd> è posizionato dentro un elemento <samp>, rappresenta l'input basato sull'output del sistema, per esempio invocando una voce di menù.
Quando un elemento <kbd> è posizionato dentro un altro elemento <kbd>, rappresenta un tasto o un altra singola unità di input dipendente dal meccanismo di inserimento.
Specifiche
| Specifica | Stato | Commenti |
|---|---|---|
| HTML Living Standard The definition of '<kbd>' in that specification. |
Living Standard | |
| HTML5 The definition of '<kbd>' in that specification. |
Recommendation | Aggiornato per includere qualunque input da parte dell'utente, ad esempio input vocale e singole battiture. |
| HTML 4.01 Specification The definition of '<kbd>' in that specification. |
Recommendation |
Compatibilità dei Browser
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
| Funzionalità | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
| Funzionalità | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) |