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的网页开发解决方案。