HTML 逐步接管 JavaScript 功能领域
HTML 正在逐步接管许多原本属于 JavaScript 的功能领域。本页面列举了一系列现在仅用 HTML 就能实现的动态功能。
页面搭建与修改
更新于 2026 年 8 月 20 日：最初，在 2026 年 HTML 日用一个小时搭建了这个页面，旨在书写和赞颂 HTML。不过，后来做了一些修改，以更清晰地指出浏览器在实现某些功能时存在严重不足，以及完全无法满足可访问性需求的问题。所以，尽管可以尝试这些功能，但请尽可能确保其可访问性！
1. `popover`
浏览器支持情况可查看相关链接。轻触关闭，按 `Esc` 键也能关闭，而且无需手动管理 `z-index` 来将其置于顶层。所有这些功能都可以通过 HTML 中的 `popover` 和 `popovertarget`（以及 `popovertargetaction`）属性来实现。
切换弹出框
无需 JavaScript，借助现代浏览器的强大功能就能实现，这要感谢那些为网络制定规范并开发浏览器的优秀人士！
关闭
给出了相应的 HTML 代码示例。
2. `
浏览器支持情况可查看相关链接。这里的功能与 `popover` 类似，不过这次使用的是专门用于模态对话框的元素。关于另一个最近才出现的功能，即允许我们打开和关闭对话框元素的 `command` / `commandFor`（未来它还会在许多其他非 JavaScript 功能中发挥作用），请参阅下面的介绍。
切换 `
同样，`popover` 属性在这里发挥了重要作用！
关闭
给出了相应的 HTML 代码示例。
打开对话框
这个对话框通过 JavaScript 调用 `.showModal()` 方法打开，调用 `.close()` 方法关闭。
关闭 显示由 JavaScript 驱动的对话框代码
给出了相应的 HTML 和 JavaScript 代码示例。
3. 分组的 ``
浏览器支持情况可查看相关链接。使用相同的 `name` 属性可以将一组 `
第一个
打开第二个，看看这个会自动关闭。
第二个
现在第一个隐藏了。并给出了相应的 HTML 代码示例。
4. `command` 与 `commandfor`
浏览器支持情况可查看相关链接。通过独立的 HTML 按钮来控制一个弹出框，无需编写脚本。注意：到目前为止，浏览器中稳定支持的命令只有 `show-modal`、`close`、`request-close`、`toggle-popover`、`show-popover` 和 `hide-popover`。期待未来能有更多支持的调用器，用于增加或减少数值、与媒体元素交互、复制文本等功能。
打开 关闭
`show-popover` 用于打开，`hide-popover` 用于关闭！
关闭
给出了相应的 HTML 代码示例。
5. `loading="lazy"`
浏览器支持情况可查看相关链接。这张图片会在接近视口时才开始加载，无需使用 `IntersectionObserver`。并展示了图片及相应的 HTML 代码示例。
6. hidden until-found
浏览器支持情况可查看相关链接。点击下面的片段链接，会显示隐藏的部分。浏览器会自动移除 `hidden="until-found"` 属性。注意：这个功能还比较新，目前只能很好地配合浏览器的默认搜索功能，而在屏幕阅读器搜索功能中的表现不太理想。不过，还是可以先记着，说不定以后会有用！
跳转到隐藏内容
哈哈！你找到我啦！并给出了相应的 HTML 代码示例。
7. 颜色、日期和时间、范围输入框
浏览器支持情况可查看相关链接。颜色选择器、范围选择器和日期选择器都已内置在浏览器中。警告！其中一些元素的实现还不够完善。希望未来几年表单元素能得到更多改进，但就目前而言，浏览器中的实现仍有不足。使用这些元素时要格外谨慎，因为不同浏览器对这些元素的默认样式差异很大，而且可访问性体验也很差。要小心诸多潜在的问题！
颜色
范围
日期
给出了相应的 HTML 代码示例。
8. `
浏览器支持情况可查看相关链接。原生的自动完成建议功能，无需使用下拉菜单库。警告！不同输入类型对这个功能的支持还不太稳定，而且浏览器在实现过程中也存在一些问题。更多信息请参阅相关文章。甚至可以暂时不使用这个功能，关注一下未来几年它是否会有所改进。
最喜欢的 HTML 元素
给出了相应的 HTML 代码示例。
文章相关信息
本文由 Chris Burnell 为 2026 年 HTML 日撰写并构建。该活动是由 Zachary Kai 于 2026 年 8 月 8 日星期六举办的在线活动的一部分。欢迎对本页面进行纠错或修改！并非专家，但会尽力如实呈现内容。请勿用本页面的内容向老板（或自己）证明决策的合理性。别忘了，并非所有人浏览网页的方式都和你一样。希望能享受这些 HTML 的新特性！
