kbd

Summary

The 'kbd element denotes user input. Typically this is keyboard input (hence “kbd”), but it may also be used to represent other user input, e.g. voice commands or gestures.

Overview Table

DOM Interface

HTMLElement

Examples

This example uses the kbd element to convey a command line command to the user.

<p>Type the command <kbd>git status</kbd>
to see the working tree status.</p>

This example illustrates using kbd to indicate keystrokes.

<p>Press <kbd><kbd>Ctrl</kbd>+<kbd>s</kbd></kbd>
to save your document.</p>

Usage

 The kbd element is a phrasing-level element. It must not contain block-level elements, but it can contain other phrasing-level elements.

Notes

When the kbd element is nested inside a samp element, it represents the input as it was echoed by the system.

When the kbd element contains a samp element, it represents input based on system output, for example invoking a menu item.

When the kbd element is nested inside another kbd element, it represents an actual key or other single unit of input as appropriate for the input mechanism (see Example 2).

Related specifications

HTML 5.1

W3C Working Draft

HTML 5

W3C Recommendation

HTML 4.01

W3C Recommendation

See also

Related articles

HTML

• user-modify

• textLength

• value

• accept

• action

• alt

• autocomplete

• autofocus

• checked

• crossorigin

• form

• formEnctype

• height

• list

• max (HTMLInputElement)

• maxLength

• min

• multiple

• readonly

• size

• standby

• step

• HTML Elements

• !DOCTYPE

• !DOCTYPE

• acronym

• b

• b

• br

• br

• button

• button

• caption

• cite

• code

• col

• colgroup

• datalist

• del

• dfn

• div

• em

• EMBED

• fieldset

• font

• footer

• head

• hn

• hr

• html

• i

• img

• input

• ins

• kbd

• legend

• mark

• option

• p

• samp

• script

• span

• strong

• table

• tbody

• td

• tfoot

• th

• time

Text

• block-progression

• font-language-override

• font-size

• hyphenate-limit-chars

• hyphenate-limit-lines

• hyphenate-limit-zone

• hyphens

• ime-mode

• layout-grid

• layout-grid-char

• layout-grid-line

• layout-grid-mode

• layout-grid-type

• letter-spacing

• text-overflow-ellipsis

• text-overflow-mode

• text-rendering

• user-modify

• Text

• size

• b

• b

• br

• br

• caption

• cite

• code

• del

• dfn

• em

• font

• hr

• i

• ins

• kbd

• mark

• samp

• strong

• Achieving typographic effects with the canvas tag

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]