10个改进HTML表单的jQuery插件

10个jQuery插件可以改善HTML表单 。 jQuery使为用户提供高质量，动态，美观和直观的输入表单变得更加容易和简单。 这篇文章列出了不同类别中最好的一些。 “表单元素视觉增强”，“表单元素数据验证和操作”，“表单工具提示”，“日历和日期选择器”，“ jQuery热键插件”等。

相关文章：

• 30个jQuery Form插件
• 10个jQuery CSS3表单教程

1.使用jQuery（FormToWizard插件）将任何Webform变成功能强大的向导

详细的教程将向您展示如何将长Web表单转换为具有“左手操作”信息的向导。

资源

2. BabySteps

（“关于Bob的事情是什么？”参考资料）是一种简单易用的工具，可用于将长表单转换为细分步骤，而无需逐页浏览。

资源

3. jQuery的文件样式插件

文件样式插件使您可以将图像用作浏览按钮。 您还可以使用CSS将文件名字段设置为普通文本字段。

资源

4.如何使用jQuery创建类似Skype的按钮

如果您使用Skype，我相信您会注意到该动画按钮可将更多人添加到聊天中。 当您单击它时，左侧“跳转”图标会几次。 我喜欢那个动画。 这就是为什么我将向您展示如何使用jQuery和一些简单的CSS创建相同的按钮的原因。

资源

5. jQuery即兴

扩展帮助提供了一种更愉快的方式来自发提示用户输入。 或多或少，这是警报，提示和确认的理想替代。

资源

6.突出显示

与页面交互时突出显示元素，从而提高可用性。 它的主要用途是用于表单，但也可以用于表，列表或您指定的任何元素。

资源

7. Geogoer VChecks

Avery用户友好的方式显示复选框。

资源

8.使图像按钮成为输入字段的一部分

如果您看到过像Microsoft CRM这样的产品的外观，您可能会注意到，其中的输入字段中有“嵌入”图像按钮。 如果您的客户看到了，那么他们很可能希望在应用程序中使用它。 无论您是否同意，这都是您可以轻松实现的方式。 如此简单，您只需添加几行代码，即可在整个应用程序中启用此功能。

资源

9. clearField

该插件以非常简单的方式提供了类似的效果。 选择性加入输入字段经常使用此选项，其中该字段的默认值类似于“您的电子邮件地址”。 如果单击该字段，文本将消失，以便您可以键入您的电子邮件地址。

资源

10. mcDropdown

允许用户从复杂的选项层次树中进行选择。

资源

From: https://www.sitepoint.com/10-jquery-plugins-improve-html-forms/