基于Form Effect 的表单美化插件介绍

Form Effect - 表单美化插件

 

       1)Formly这个基于jQuery的表单美化插件,并带有表单校验功能。

http://thrivingkings.com/formly/

 

 

 

 

 

      2)jQuery Tags Input这个jQuery插件能够将一个简单的文本输入转换成一个漂亮的Tag列表

http://xoxco.com/clickable/jquery-tags-input

演示地址:

http://xoxco.com/clickable/jquery-tags-input#examples

 

 

 

 

      3)jFormer是一个jQuery插件能够利用最新的Web开发技术快速生成漂亮,符合标准的表单。支持客户端和服务器端校验,Ajax提交,通过CSS自定义外观,提供通用表单模板等。

http://www.jformer.com/

演示地址:

http://www.jformer.com/demos/

 

 

 

     4)jLook是一款基于jquery的表单美化插件.

http://plugins.jquery.com/project/jLook

演示地址:

http://envero.org/jlook/

 

 

 

 

      5)multiselect这是一个jQuery UI插件,可以将有多个选择内容的组合框转换为下拉菜单样式

http://corydorning.com/projects/multiselect

 

 

 

      6) jQRangeSlider是一个基于jQuery UI的范围选择插件。此插件实现拖动滑块选择范围的功能,支持数值和日期范围的选择。此插件的滑块支持直接拖动选择,也可以直接设置范围的数值,有多种选择方式。

http://ghusse.github.com/jQRangeSlider/

演示地址:

http://ghusse.github.com/jQRangeSlider/stable/demo/

 

 

 

       7)JQuery MagicCombo是一款下拉选择插件,除支持一般的下拉选择之外,并且支持下拉grid选择.

javascript/combo/grid2.html" target="_blank" rel="nofollow">http://www.boarsoft.com/cn/javascript/combo/grid2.html

 

      8)jQuery TagBox这个jQuery插件用于创建标签辅助输入框

http://www.geektantra.com/2011/05/jquery-tagbox-plugin/

演示地址:

http://www.geektantra.com/projects/jquery-tagbox/

 

时间: 2024-12-30 00:09:52

基于Form Effect 的表单美化插件介绍的相关文章

基于Form Effect的表单美化插件

1)elastic jQuery plugin这个插件能够让Textareas随着输入内容的增加自动增长变化.   主页: http://www.unwrongest.com/projects/elastic              2)Linkselect jQuery插件Linkselect可以将下拉框转换成链接下拉显示,丰富下拉框的展示形式, 如自定义下拉框外观,下拉框选择元素风格等,效果图如下 主页: http://www.givainc.com/labs/linkselect_jqu

基于Jquery的FormValidator表单验证插件

包含了以下验证功能: 1.控件值不能为空 2.控件值长度限制 3.选中项数量限制 4.控件值范围限制 5.控件值类型限制 6.控件值格式化 7.两个控件值比较 8.自定义验证方法 9.下拉必选 10.表单验证方式 11.控件独自验证 看一个简单的表单用户名验证插件  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

jQuery表单美化插件jqTransform使用详解_jquery

jQuery Form表单美化插件jqTransform,非常实用的jQuery插件,自动把你整个Form表单进行美化处理,包括SELECT下拉框.文本框.单选.复选框.按钮等,当然不支持input file文件选择框,这个可以参照我们之前的input file选择框美化教程进行改造,在浏览器兼容方面,兼容 ie 6+, safari 2+, firefox 2+,插件还是很不错的,使用起来也很简单,推荐学习和使用. 使用方法: 1.加载jQuery和插件 <script type="te

jqTransform表单美化插件

美化之前 美化之后 使用步骤 引入必要js和css文件 <!-- 引进必要文件 --> <link rel="stylesheet" type="text/css" href="jqtransformplugin/jqtransform.css" media="all"> <script type="text/javascript" src="requiered/jq

jqTransform form表单美化插件使用方法_jquery

jQtransForm下载地址 http://www.jb51.net/jiaoben/25166.html 用法 1- 添加脚本包含在标题部分的网页 复制代码 代码如下: //required <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.j

html表单美化插件iCheck自定义美化复选框和单选按钮例子

iCheck是一款美化复选框和单选按钮的jQuery查看,能高度定制自定义网页表单效果,具有多套可选皮肤替换方案,能兼容移动设备浏览器和桌面PC台式机浏览器效果,支持鼠标和键盘的操作,轻量级的插件,压缩版本只有1K大小,能支持jQuery和Zepto等JavaScript库. 注:iCheck v2.0 正在开发中,它有一个巨大的性能提升,很多新的选择和方法.这是一个候选版本状态,所以你可以试着用它.感到自由如果你找到工作不提交问题. 特征 相同的投入在不同的浏览器和设备- desktop an

jquery 表单美化插件效果

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <

易操作的jQuery表单提示插件_jquery

本文实例讲述了一款轻量级的表单提示插件---jQuery Form Toolltip.分享给大家供大家参考.具体如下: jQuery Form Toolltip 特点: 你可以单独自定义提示信息的CSS样式. 你可以指定淡入淡出的方向,当前支持Top, Bottom, Right 和 Left 运行效果截图如下: 具体代码如下: jquery实例:jQuery Form Toolltip使用方法引入核心文件 <script src="js/jquery/2.1.1/jquery.min.j

jquery使用ul模拟select实现表单美化的方法_jquery

本文实例讲述了jquery使用ul模拟select实现表单美化的方法.分享给大家供大家参考.具体如下: 这里使用jquery实现ul模拟select,是jQuery插件实现的Select下拉菜单效果,类似的功能网上已经有一些了,每一款都代表了不同的编程思路,为学习提供一份参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-ul-select-table-codes/ 具体代码如下: <!DOCTYPE html PUBLIC &qu