33 个漂亮的 CSS 表单 ✨

CSS 表单不仅要满足实用目的，还要兼顾美观！这里有一个非常详细的表单列表！

在许多网站和 Web 应用程序中，你都会遇到表单字段。有时它们只是一些简单的输入，例如搜索字段或年龄查询。但如果这些字段集合在一起，就称为表单。

大家都知道最简单的，但能不能更花哨一点呢？可以吗？太棒了！因为我自己搜索了一下，找到了（在我看来）非常漂亮、用户友好但又不失简洁的表格，想在这里向大家展示。

图中所示的画笔已获得 MIT 许可。您可以在Codepen 博客上找到更多关于您自己使用的信息。

＃1 Bootstrap 多步骤表单

作者：Petia；
使用以下语言编写：HTML、CSS（Bootstrap）、JS（jQuery、Bootstrap、jQuery Ease）；

作者：Vineeth.TR；
编码语言：HTML、CSS（SCSS）、JS（jQuery）；

作者：Mikael Ainalem；
编码：HTML、CSS、JS（anime.js）；

作者：balapa；
编码：HTML、CSS、JS（jQuery）；

作者：Muhammed Erdem；
编码语言：HTML、CSS（SCSS）、JS（Vue、Vue The Mask）；

作者：Atakan Goktepe；
编码语言：HTML、CSS、JS（jQuery、jQuery Ease）；

作者：Mohan Khadka；
编码：HTML、CSS；

作者：Adam Quilan；
编码语言：HTML、CSS、JS（imask）；

作者：Emmanuel Pilande；
编码语言：HTML、CSS（SCSS）；

作者：Andy Tran；
编码语言：HTML（Pug）、CSS（SCSS）、JS（jQuery）；

作者：Andy Tran；
编码语言：HTML（Pug）、CSS（SCSS）、JS（jQuery）；

作者：Timurtek Bizel；
编码语言：HTML、CSS、JS（jQuery）；

作者：Andi Dysart；
编码语言：HTML、CSS（SCSS）、JS（jQuery、jQuery UI Autocomplete）；

作者：Riccardo Pasianotto；
编码语言：HTML（Pug）、CSS（SCSS）、JS（jQuery）；

作者：Felix De Montis；
编码：HTML、CSS；

...