jquery 表单插件



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

相关文章:


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

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

jquery ui 表格 jquery表单插件_jquery ui 表格



2. BabySteps

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

jquery ui 表格 jquery表单插件_css_02


资源


3. jQuery的文件样式插件

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

jquery ui 表格 jquery表单插件_java_03



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

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

jquery ui 表格 jquery表单插件_jquery ui 表格_04



5. jQuery即兴

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

jquery ui 表格 jquery表单插件_jquery ui 表格_05



6.突出显示

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

jquery ui 表格 jquery表单插件_css_06



7. Geogoer VChecks

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

jquery ui 表格 jquery表单插件_css_07



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

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

jquery ui 表格 jquery表单插件_python_08



9. clearField

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

jquery ui 表格 jquery表单插件_java_09


<source type="image/webp"><source><img src="https://s2.51cto.com/images/blog/202310/13235240_652967c805a4a14116.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=" alt="">



10. mcDropdown

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

jquery ui 表格 jquery表单插件_css_10

翻译自: https://www.sitepoint.com/10-jquery-plugins-improve-html-forms/

jquery 表单插件