基于Form Effect的表单美化插件

1)elastic jQuery plugin这个插件能够让Textareas随着输入内容的增加自动增长变化。

 

主页:

http://www.unwrongest.com/projects/elastic

 

 

 

 

     2)Linkselect

jQuery插件Linkselect可以将下拉框转换成链接下拉显示,丰富下拉框的展示形式, 如自定义下拉框外观,下拉框选择元素风格等,效果图如下

主页:

http://www.givainc.com/labs/linkselect_jquery_plugin.htm

演示地址:

http://www.givainc.com/labs/linkselect_example.htm

更新日期:

2009-08-12

 

 

      3)jQuery "Highlight" plugin是一个能对任意页面标签,当被选中时添加高亮提示的jQuery插件。主要用于提示表单填写。

主页:

javascript/jquery-highlight-plugin/">http://www.keyframesandcode.com/code/development/javascript/jquery-highlight-plugin/

演示地址:

http://www.keyframesandcode.com/resources/javascript/jQuery/demos/highlight-demo.html

 

 

      4)jquery-image-dropdown这个jQuery插件能够将普通的select下拉选择控件转换成,一个可以为下拉框中的每个选项添加不同图标的控件。

主页:

http://marghoobsuleman.com/jquery-image-dropdown

演示地址:

http://marghoobsuleman.com/mywork/jcomponents/customdropdown/dropDownCustom.html

 

 

 

      5)  jQuery UI Selectmenu是一个自定义的HTML Select控件。可以配置不同的外观,为下拉选项添加图标, 创建具有层级关系的下拉选项。

 

主页:

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select

演示地址:

http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

 

 

 

     6)jquery-watermark这个jQuery插件能够实现为表单文本框与文本区域增加水印提示功能。

 

主页:

http://code.google.com/p/jquery-watermark/

 

 

 

时间: 2024-12-22 21:16:57

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

基于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的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