<kbd>: The HTML Keyboard Input Element

I. Description

The HTML <kbd> element is used to represent textual user input typically from a keyboard but also from voice input or any other text input device (such as an on-screen keyboard). The contents of the <kbd> element are typically rendered in a mono-space font.

II. Examples

<!DOCTYPE html>
<html>
    <head>
        <title>Gnome Tutorial - How to Lock Your Screen</title>
    </head>
    <body>
        <h1>How to Lock Your Screen</h1>
        <h2>Gnome Desktop Tutorial</h2>
        <p>To lock your screen press <kbd>Super</kbd> + <kbd>L</kbd>.</p>
    </body>
</html>

This document was last updated: