HTML <kbd> 元素

HTML <kbd> 元素表示用户输入，它将生成以浏览器的默认等宽字体显示的内联元素。

在文档中插入键盘输入的内容：

<kbd>键盘输入</kbd>

尝试一下 »

截图

在文档中插入键盘输入的内容

特性

内容类别 流式内容，短语内容，可触知内容。
允许的内容 短语内容。
标签省略 不允许，开始标签和结束标签都不能省略。
允许的父元素 任何接受短语内容的元素。
允许的 ARIA 角色 任意
DOM 接口 HTMLElement，在 Gecko 1.9.2 (Firefox 4) 之前，Firefox 通过 HTMLSpanElement 接口实现该元素。

属性

该元素只包含全局属性。

事件属性

<kbd> 元素支持所有 HTML事件属性。

更多实例

使用 <kbd> 表示键盘按键：

<p>在 “运行” 对话框中键入以下命令：<kbd>cmd</kbd><br />然后单击确定按钮。</p>

<p>按 <kbd>Ctrl</kbd> + <kbd>S</kbd> 保存文档</p>

尝试一下 »

截图

使用 <kbd> 表示键盘按键

注意

可以为 kbd 选择器定义 CSS 规则，以覆盖浏览器的默认字体。用户设置的首选项可能优先于指定的 CSS。

当 <kbd> 元素嵌套在 <samp> 元素中时，它表示系统响应的输入。

当 <kbd> 元素_包含_一个 <samp> 元素时，它代表基于系统输出的输入，例如调用菜单项。

当 <kbd> 元素嵌套在另一个 <kbd> 元素中时，它代表一个实际的按键，或输入机制的其他单个输入单位。

规范

规范 状态 备注
HTML Living Standard
<kbd> 的定义		 现行的标准 -
HTML5
<kbd> 的定义		 推荐 扩展为包括任何用户输入，如语音输入和个人按键。
HTML 4.01 Specification
<kbd> 的定义		 推荐 -

HTML 4.01 与 HTML5 之间的差异

无。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 支持 支持 1 支持 支持 支持

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 1 支持 支持 支持

相关链接