HTML kbd Tag

by Online Tutorials Library July 14, 2022

HTML <kbd> tag

HTML <kbd> tag indicates the part of inline text which represents the user keyboard input, voice input, or any other text entry device input.

The <kbd> text renders on the browser in default monospace font. It is used when a document needs to display the text which user should enter exactly from his keyboard.

Note: We can also use CSS properties to get the same display effect as <kbd> tag.

Syntax

Following are some specifications about the HTML <kbd> tag

Display	Inline
Start tag/End tag	Both Start and End tag
Usage	Textual

Example

  <!DOCTYPE html>  <html>  <head>  <title>Kbd Tag</title>  <style>  kbd {  border: 1px solid blue;    border-radius: 8px;    padding: 3px 5px;   margin: 2px;     }   </style>  </head>  <body>   <h2>Example of Kbd tag</h2>  <p>If you are using MS document then you can use shortcut <kbd>ctrl + s</kbd> to save your current document. </p>  </body>  </html>  

Test it Now

Output:

HTML kbd tag

Attribute

Tag-specific attribute

The <kbd> tag does not include any specific attribute.

Global attribute

The <kbd> tag supports the global attributes in HTML

Event attribute

The <kbd> tag supports the event attributes in HTML

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<kbd>	Yes	Yes	Yes	Yes	Yes

Next TopicHTML label Tag