构建交互式表单
几周前,我写了一篇关于如何仅使用 HTML 和 CSS(无需 JavaScript 或 SVG)构建交互式登录表单的文章。这是一个有趣的挑战,我学到了很多东西,但也有很多不便之处。
由于最初的限制,我们必须做的一些事情无法维护或无法在许多浏览器上运行,因此我决定重建表单并添加一些 JavaScript 来处理交互性。
此外,帖子太长且不够详细;因此,对于这个新表格(和文章),我们稍微分解了一些步骤,解释了我们做出某些选择的原因并提供了有关整个过程的更多细节。
该系列将分为6个部分:
- 简介(这篇文章!)
- HTML结构
- 初始样式
- CSS 图像
- 高级样式
- JS 交互
您可能不同意我在本系列中做出的许多选择(请随意发表评论),并且我可能会在此过程中对某些事情发出抱怨或咆哮,但在本系列结束时,我希望您真的享受这个过程。
鏂囩珷鏉ユ簮锛�https://dev.to/alvaromontoro/building-an-interactive-form-26ln