资讯频道 → Web前端
阅读更多

13顶
1踩

Web前端

翻译新闻 20个jQuery插件，帮你打造完美网页表单

2012-03-31 10:27 by 正式编辑 nemohq 评论(11) 有15474人浏览
jQuery 表单
网页表单主要是用来从用户那里收集一些必要的信息，是网页设计中不可或缺的一环。一个设计良好的表单能更有效的获取用户信息，也会给用户带来更好地使用体验。基于这一点，很多设计师开始使用jQuery来创建网页表单。而使用jQuery表单插件会让你的网页表单脱颖而出。

为此，我们收集了一些不同类型的jQuery表单插件和读者分享。在下面这些jQuery表单插件中，有些能改变表单的外观并同时兼容各种浏览器；有些用于表单验证并方便管理员和用户的操作；还有一些则是非常流行的日历表单和下拉列表表单。我们希望这些插件能够有助于你的工作。

1、高亮表单插件

高亮功能可以增加页面的可用性。


2、mcDropdown

一个允许用户选择下拉菜单的表单插件。


3、让图片成为输入框的一部分

在输入框里可以嵌入图片。


4、jQuery Impromptu

一个为用户提供更舒适输入方式的表单插件。


5、jqTransform

一个美化表单元素的风格插件。


6、密码强度测试仪

一个能显示密码强度的jQuery表单插件。


7、The jQuery Tooltip

添加了一个消息提示功能，用户可根据自己的喜好来做出相应的选择。


8、日期选择插件

一个简单的日期选择插件。


9、自动提示插件

一个轻量级的自动提示插件。


10、自动保存插件

这个插件被设计用来自动保存表单信息，这样即使有某些未知的事情发生，用户也不会丢失他们已经输入的内容。


11、表单输入自动tab和自动过滤

提供了自动跳到下一个输入框功能和自动过滤功能。


12、AJAX Upload

一个无刷新上传多个文件的插件。


13、Contactable

一个方便易用的联系表单插件。


14、jQuery UI Slider from a Select Element

使用该插件，用户既可以从下拉列表中选择开始与截止日期，也可以拖动滑块来选择。


15、快捷键

该插件允许你在代码中很方便地添加或移除键盘事件。


16、jQuery复选框

用于在JavaScript被禁用时，显示复选框的状态。


17、PrettyCheckboxes

此插件会让你的复选框更加醒目。


18、jQuery验证插件

一个在提交表单时显示提示信息的验证插件。


19、LightForm

该表单整合了用于验证字段的FormCheck2插件以及用于美化字段和输入框的NiceForms插件。


20、In-Field Labels

当输入框被选中时，输入框里的标签开始慢慢退色直至消失。


英文原文：20 Useful jQuery Plugins to Work With HTML Forms
  • 大小: 20.3 KB
  • 大小: 10.3 KB
  • 大小: 16.8 KB
  • 大小: 6.4 KB
  • 大小: 10.3 KB
  • 大小: 28.4 KB
  • 大小: 17.3 KB
  • 大小: 11.4 KB
  • 大小: 8.2 KB
  • 大小: 14.1 KB
  • 大小: 16.4 KB
  • 大小: 14.1 KB
  • 大小: 10 KB
  • 大小: 18.6 KB
  • 大小: 13.8 KB
  • 大小: 10.4 KB
  • 大小: 24.5 KB
  • 大小: 23.9 KB
  • 大小: 9.3 KB
  • 大小: 13.1 KB
13
顶
1
踩
评论 共 11 条 请登录后发表评论
11 楼 zhaopeng202008 2012-04-06 09:31
确实不错，extjs跟他有一比
10 楼 qq138744 2012-04-04 08:54
插件 虽多,,可不要贪杯啊
9 楼 轻于鸿毛 2012-04-01 23:25
活到老，学到老，必须把握最潮流的元素啊
8 楼 angel243fly 2012-04-01 13:04
好东西啊，做表单很强大
7 楼 hyf002 2012-04-01 10:43
有几个浏览器支持度不够呢
6 楼 zhaoyta 2012-04-01 09:53
真好真好真好真好真好
5 楼 lemon_yhl 2012-04-01 09:06
郁闷啊，好东东看不到啊
4 楼 Dev|il 2012-04-01 09:03
赞一个，挺漂亮的
3 楼 shengren0 2012-03-31 17:35
用这么多插件出了问题搞死你
2 楼 田梦桦 2012-03-31 13:29
顶，在WEB开发的时候美化自己的项目真是一个不错的选择。
1 楼 泡咖啡 2012-03-31 10:45
天杀的 IE6

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • apache代理weblogic服务动态库mod_wl_22.so

    用apache代理分发weblogic服务请求，配置apache的httpd.conf文件，将动态库文件放到modules目录下mod_wl_22.so，该文件是linux版本

  • apache代理weblogic请求

    前段时间用apache实现weblogic集群，apache代理费了好多功夫。   下载的是httpd-2.2.16-win32-x86-no_ssl.msi，安装完成后需要将mod_wl_22.so文件copy到\Apache Software Foundation\Apache2.2\modules下面，这里...

  • Apache httpd代理WebLogic集群Cluster自定义Cookie失效

    Apache httpd代理WebLogic集群Cluster自定义Cookie失效Apache httpd Debug日志信息 Apache httpd Debug日志信息 Mon Feb 8 11:54:00 2021 <65042161275644099> No of JVMIDs found in cookie: 1 Mon Feb 8 11:...

  • 用apache代理weblogic的请求

    关键字: 企业应用 apache proxy  ... weblogic Express 版本有5个用户的限制，所以用apache来处理外界的请求，再把请求转发给wls，这样就能够突破wls express版本的5用户限制 具体配置如下 copy ${WLS_S...

  • apache代理weblogic集群

    1、复制 {weblogic_home}/server/plugin/win/{os_type}/mod_wl_{apache_version}.so 到 {apache_home}/modules 2、httpd.conf中加入： WeblogicCluster 192.168.10.101:7010,192.168.10.102:7011 ...

  • apache与weblogic搭建

    httpd-2.2.31.tar.gz（httpd 代理） openssl-1.1.1.tar.gz(需要加密传输时安装) compat-libstdc++-33-3.2.3-72.el7.x86_64.rpm(根据具体系统，若有 libstdc++库的话，不用安装，查看命令$ rpm -q libstdc++) mod_wl_...

  • 总结使用Apache作为WebLogic集群代理

    使用服务器集群，结合负载均衡器，可以提高系统并发访问量。通常会有两种负载均衡的方式：硬件方式和软件方式。以硬件作负载均衡器的方式，成本较高，所以经常使用软件作为负载... 使用Apache作为WebLogic集群负载均

  • Apache+weblogic

    Apache+weblogic集成服务器的搭建说明 在一个基于WEBLOGIC服务器发布的WEB应用系统，可以通过使用WEBLOGIC内置的WEB SERVER:WEBLOGIC EXPRESS来处理HTML等静态网页,也可以采用其他的WEB SERVER:如APACHE,MICROSOFT ...

  • [转]浅析Tomcat、JBOSS、WebSphere、WebLogic、Apache

    做任何web项目，都离不开服务器，有钱的公司用WebSphere、WebLogic，没钱公司用nginx+tomcat，不要小瞧nginx+tomcat麻雀虽小，五脏俱全。 服务器的知识，在笔试、面试中会经常被问到，对于一个合格的程序员，在丰富...

  • linux下apache 2.2.29 + weblogic 请求转发配置

    在做项目的时候遇到过这种情况：需要将服务器A收到的请求转发到服务器B去

  • APACHE配置SSL【使用代理转发/请求分别走HTTP和HTTPS】

    使用场景: （1）手机APP使用HTTP访问http://192.0.0.1:81/server1/与后台服务器通信； （2）管理台通过HTTPS访问http://192.0.0.1:1443/server2/与后台服务器通信； （3）部分资源文件通过访问...

  • Weblogic加Apache的负载均衡以及群集配置

    硬件可以使用F5等设备，软件一般使用apache来实现。下面说明使用apache的具体方法。Weblogic的负载均衡可以通过软件和硬件的方式实现。硬件可以使用F5等设备，软件一般使用apache来实现。下面说明使用apache的具体...

  • apache转发请求至tomcat/JBOSS/weblogic/websphere

    Apache HTTP server 和 Tomcat server 整合，一般是希望对于用户只公布 Apache ...访问 Tomcat 的 HTTP 请求，通过 Apache 转发给 Tomcat，Tomcat 处理完后，将 HTTP 回应返回给 Apache，然后 Apache HTTP 回应发回...

  • Weblogic加Apache的群集配置

    首先，我们要保证我们的weblogic 和apache 服务都已经正常可用了。1、新增配置 weblogic.xml为了支持session复制，为应用程序新建weblogic.xml文件，和项目的 web.xml 放在一起，内容如下： 12.1.2 / / ...

  • Apache plug-in配置代理请求实战

    Weblogic的Cluster与Apache代理的配置。

  • BOE web部署 tomcat+apache/weblogic+apache

    mod_proxy 是Apache 自带的 模块使用代理技术来连接 Tomcat。在配置之前请确保是否使用的是 2.2.x 版本的 Apache 服务器。因为 2.2.x 版本对这个模块进行了重写，大大的增强了其功能和稳定性。 mod_jk不是apache...

  • apache2.4配置weblogic12c集群(linux环境)

    首先确定环境已装apache2.4，没装的话可以看下这篇文章...下载apache2.4的weblogic分发模块 mod_wl_24.so 链接：https://pan.baidu.com/s/1c2zxrAK（linux 64位版本，csdn都是要c币的，我也是花钱买的~~o(>_...

  • Weblogic使用手册大全详解 中文版

    8.代理对WEBLOGIC集群的请求 9.配置WEB应用 10.配置APACHE-WEBLOGIC服务器插件 11.配置MICROSOFT-IIS插件 12.配置NETSCAPE插件 13.安全管理 14.管理实物 15.管理JDBC连接 16.管理JMS 17.管理JNDI 18.管理WEBLOGIC ...

  • 使用nginx代理weblogic负载方案

    之前一直用apache来做weblogic的前端，由于nginx对静态内容的出色性能，不得不转投nginx。这里就不 再写weblogic的安装了。 安装nginx nginx需要pcre做支持，一般系统都自带，当然可以自己下载高版本的源码...

Global site tag (gtag.js) - Google Analytics