HTML kbd element

The <kbd> HTML element represents user input (typically keyboard input). By default, the content text is displayed using the user agent default monospace font.

<kbd> may be nested in various combinations with the <samp> (Sample Output) element to represent various forms of input or output based on visual cues.

Other elements can be used in tandem with <kbd> to represent more specific scenarios:

Nesting a <kbd> element within another <kbd> element represents an actual key or other unit of input as a portion of a larger input. See Representing keystrokes within an input below. Nesting a <kbd> element inside a <samp> element represents input that has been echoed back to the user by the system. Nesting a <samp> element inside a <kbd> element, on the other hand, represents input which is based on text presented by the system, such as the names of menus and menu items, or the names of buttons displayed on the screen.