Replacing JavaScript with Just HTML
5 months ago
- #JavaScript
- #HTML
- #CSS
- 数字和时间等不同类型的输入可与datalist配合使用来提供预定义选项。
- Firefox对非文本输入类型(日期、时间、范围、颜色)存在限制,且在移动端存在可访问性问题。
- 弹出层属性(popover、popovertarget)可替代传统的JS驱动的模态框/弹出层。
- 三种弹出层类型:auto(轻触关闭,会关闭其他)、hint(轻触关闭,不影响其他)、manual(需手动关闭)。
- Firefox和iOS不支持hint类型的弹出层。
- 弹出层可用于无需JS的屏幕外导航,并支持背景遮罩等样式定制。
- CSS可替代许多JS功能,从而减少对JavaScript的依赖。
- 鼓励开发者探索更多基于CSS的网页开发解决方案。