分类目录归档:jQuery表单插件

jQuery自定义黑色单选框和复选框

网页表单的美化一直是各大第三方前端框架中永恒的话题,jQuery也提供了很多自定义单选框和复选框美化的插件,比如之前分享的jQuery/SVG实现Checkbox商品列表选中特效CSS3个性化自定义样式的Radiobox单选框。这次我们介绍的是一款基于jQuery的黑色主题自定义单选框和复选框,在下拉框中你可以输入关键字来过滤选项,这对选项过多的情况下还是挺实用的。

jquery-black-radio-check-box

在线演示源码下载

JS富有创意的卡通滑杆拖动控件

在网页中我们经常会使用一种滑杆控件来选择一定数量范围的内容,比如年龄范围,金额范围等等。之前我们介绍过一个基于HTML5和CSS3的3D滑杆控件,外观上却是比较新颖。这次我们要分享的是另外一款基于纯JavaScript的创意卡通滑杆拖动控件,它的特点是拖动滑杆时会有一个可爱的卡通头像跟着翻转,而我们仅仅用几行简单的JS代码即可实现,非常轻巧,同时你也可以任意替换自己喜欢的卡通动画头像。

js-cartoon-side-bar

在线演示源码下载

jQuery自定义多选下拉框,带搜索过滤

在HTML中,我们可以使用<select>元素,同时设置multiple=”multiple”即可实现下拉框的多选功能。但是浏览器的默认下拉框样式会随着不同版本的浏览器而不同,这个jQuery插件在<select>基础上自定义了样式,这样既统一又美观,这个jQuery自定义多选下拉框插件还提供下拉项搜索功能,当下拉项比较多时还是挺实用的。另外,这个jQuery插件的使用十分简单,页面加载后调用两行初始化代码即可。

jquery-checkbox-list

在线演示源码下载

jQuery颜色选择插件 可通过色系选择

之前我们分享过一些jQuery颜色选择插件,比如这个jQuery实现的一个颜色选择器 实时输出RGB值就非常实用,再比如可自定义色块的JavaScript颜色选择器也相当不错。这次我们分享另外一个jQuery颜色选择插件,与前面几个相比,这个并不能算是颜色拾取,只能说是通过色系来选择该色系下预定义的几种颜色。

jquery-color-picker-by-colors

在线演示源码下载

jQuery自定义样式下拉框 支持分组、多选和搜索

今天给大家分享一个非常实用的jQuery插件,它不仅可以让你自定义浏览器的select下拉框样式,而且支持下拉选项的分组、多选和搜索,同时你可以设置最多选择项的数量,如果数量超出了select预定义的宽度,会自动显示数量信息,隐藏具体选项的值。

jquery-multi-check-selectbox

在线演示源码下载

jQuery实现的一个颜色选择器 实时输出RGB值

今天给大家再分享一个非常实用的jQuery插件,它可以进行颜色选择,并且将选择的颜色RGB值实时输出。原先分享过的这款SVG/HTML5超富创意的环形颜色拾取器返回的是颜色的十六进制值,这款颜色拾取器与它相比,可以选择更多的颜色范围,同时RGB颜色值的输出也使它的使用范围更广。

jquery-color-picker-rgb

在线演示源码下载

jQuery下拉框美化插件 支持带图标的下拉项

select-mania是一款基于jQuery的下拉框美化插件,这款插件可以很好地解决浏览器原生下拉框的丑陋以及不同浏览器的样式不同的问题。select-mania不仅可以在初始化的时候指定下拉框的尺寸,而且还可以指定下拉项的背景颜色,同时,它还允许下拉项带小图标,是一款高度可定制的jQuery下拉框美化插件。

jquery-select-mania

在线演示源码下载

jQuery简易版的Excel表格功能插件

在网页中,我们经常会处理很多复杂的数据,大部分情况下,我们会使用表格来存储和处理数据,同时也会对一些数据进行合并、计算等操作。这次分享一款基于jQuery的简易版Excel表格插件,它模拟了Excel的一些常用功能,包括数据的录入、选取、智能填充以及各式样式等功能,并且支持右键菜单,对于常用的数据操作已经完全能够胜任了。

jquery-excel

在线演示源码下载

jQuery头像裁剪插件 可缩放和旋转

现在可以注册的网站中,大部分都支持上传头像,记得以前我们分享过一款jQuery头像裁剪插件,非常实用。这次我们给大家带来另外一款基于jQuery的头像裁剪插件,这款插件支持自定义头像的上传,然后对头像图片进行缩放和旋转,最后选择你满意的区域即可进行裁剪操作。

jquery-avatar-cut-rotate

在线演示源码下载

jQuery输入标签自动生成插件

我们在网页中发布文章的时候,经常会输入多个文章相关的标签,今天介绍的这个jQuery插件就可以帮助我们更方便地输入标签。当我们输入完标签文本后按回车或者焦点离开输入框时,输入的标签将会自动生成。同时你可以按退格键或者直接点击标签来删除生成的标签。另外插件还提供了接口让你获取生成的所有标签。在使用这款jQuery标签自动生成插件时,如果你可以增加autocomplete的功能就更强大了。

jquery-tag-generator

在线演示源码下载