2012年3月20日星期二

11个Javascript表单美化脚本

要想把用户勾引到你网站的表单中注册或提交信息,提升表单的易用性是首要,把表单弄的漂亮一些吸引眼球也是不错的方法,毕竟用户中视觉认知派还是相当多的。本文收集了11个javascript表单美化脚本,利用它们装扮你的网页表单吧。

1. Spinbox.JS (演示地址)

javascript 16 21 49a 11个Javascript表单美化脚本

Spinbox.JS这个JavaScript脚本能够将普通的文本输入框转换成可更换皮肤的Spin Boxe控件。

2. Dropdown Check List jQuery widget

javascript 22 1 27e 11个Javascript表单美化脚本

这个jquery能够将普通的select html标签转换成一个下拉可多选checkbox控件。

3. jquery-image-dropdown (演示地址)

javascript 22 0 29d 11个Javascript表单美化脚本

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

4. Sexy Combo (演示地址)

javascript 14 34 57e 11个Javascript表单美化脚本

Sexy Combo是一个jQuery插件,它能够将默认的selectboxes转换成更吸引人和便于使用的comboboxes控件。既可以让用户输入也可以从下拉选项中选择。

5. jqTransform

jqTransform是一个表单换肤插件jQuery插件,它能够为普通的表单Form加上漂亮的外观。

57230CE1B9CEE709DDD5221E5202FAD4 11个Javascript表单美化脚本

6. Stylish Select Box (演示地址)

javascript 15 41 12l 11个Javascript表单美化脚本

Stylish Select Box是一个用于创建可自定义下拉框外观风格的jQuery插件。

7. Reinventing a Drop Down with CSS and jQuery (演示地址)

javascript 14 5 20c 11个Javascript表单美化脚本

利用CSS jQuery实现一个自定义的Select控件。可以定义外观,下拉项目除了文本还可以加图片。

8. Linkselect (演示地址)

javascript 16 33 44f 11个Javascript表单美化脚本

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

9. Elastic jQuery plugin

javascript 15 10 9a 11个Javascript表单美化脚本

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

10. In-Field Labels jQuery Plugin

javascript 22 5 17c 11个Javascript表单美化脚本

利用这个jQuery插件可以在文本输入框中加类似于图片水印的帮助说明文字。当输入框获得焦点时水印还不会消失,只有当输入字符时才会消失。

11. Pretty checkboxes with jQuery (演示地址)

javascript 21 1 5c 11个Javascript表单美化脚本

利用CSS和jQuery实现一个漂亮的Checkboxes控件。

11个Javascript表单美化脚本 | 帕兰映像收集整理自open-open

来源于 11个Javascript表单美化脚本 | 帕兰映像

没有评论:

发表评论