所有OPEN站点 Java PHP Ajax
  共10页『   第一页 ...  «  6  7  8  9  10  』

 jquery.xqkinput 给输入框添加拼音输入提示 

xqkinput是一款轻量级的拼音输入提示jQuery插件,基于jQuery1.4.4开发,主要实现在输入框中输入中文拼音,给出相应的提示。

单位内部的应用系统一般以员工的姓名作为用户名,在系统登录、流程应用、邮件发送、或信息发送等多种场景下,使用xqkinput后,可以在需要输入用户名(即姓名)时,仅需输入姓名或部分姓名的拼音首字母后,即可选择相应姓名。

jquery.xqkinput 给输入框添加拼音输入提示

 jQuery  

 表单美化 Ideal Forms 

Ideal Forms是一个基于jQuery开发的轻量级框架用于创建美观和用户友好的表单(Form)。

它能够将标准的 <input>元素转化成一个拥有圆角和选中加高亮效果的控件。并且radio + checkbox完全自定义。

没有使用任何图片,只用到了非常少的HTML语法并且能够利用CSS进行美化。内置三种主题。

表单美化 Ideal Forms

表单美化 Ideal Forms

 jQuery  

 表单美化 Recurly.js 

Recurly.js 是另一个 JS 实现的表单美化插件,完全可以通过CSS自定义外观/主题。如下图所示:
在线演示:https://js.recurly.com/examples/
表单美化 Recurly.js

表单美化 Recurly.js

 

 HTML5Widget 

HTML5Widget实现了HTML5 Forms表单的一个子集模块:包括: 包括日历,调色板,滑动部件,客户端验证等。
HTML5Widget.jpg

HTML5Widget

 

 textarea自适应高度插件 textareaAutoHeight 

jQuery • textareaAutoHeight Plugin

功能: <textarea/>输入框自适应高度
特点: 支持剪切/粘贴, 不闪屏, 体积迷你(不到1k)
兼容: 几乎所有主流浏览器(国内山寨货未测试)
演示: 见小站文章页底部的评论输入框

使用方法:
0. 检查CSS文件中所有textarea的line-height值, 若是纯数字, 给它加上单位em, 如: 1.5em. 否则IE(6|7|8)下插件失效.
1. 加载jQuery库(1.4+)
2. 加载textareaAutoHeight.js
3. 使用以下接口调用插件:
$('textarea').tah({
    moreSpace:15,   //输入框底部预留的空白, 默认15, 单位像素
    maxHeight:600,  //指定Textarea的最大高度, 默认600, 单位像素
    animateDur:200  //调整高度时的动画过渡时间, 默认200, 单位毫秒
});

textarea自适应高度插件 textareaAutoHeight

 jQuery  

 jQuery UI MultiSelect Widget 

jQuery UI MultiSelect Widget 是 jQuery MultiSelect Plugin 的改进版本。jQuery_UI MultiSelect_Widget.jpg

jQuery UI MultiSelect Widget

 jQuery  


         共10页『   第一页 ...  «  6  7  8  9  10  』