Uniform
=======
Sexy form elements with jQuery. Now with HTML5 attributes!
Version 2.1.1
Works well with jQuery 1.6+, but we've received patches and heard that this works with jQuery 1.3.
Licensed under the [MIT License](http://www.opensource.org/licenses/mit-license.php)
Installation
------------
Installation of Uniform is quite simple. First, make sure you have jQuery installed. Then you’ll want to link to the jquery.uniform.js file and uniform.default.css in the head area of your page. Here's what your `<head>` tag contents should probably contain:
<!-- Make sure your CSS file is listed before jQuery -->
<link rel="stylesheet" href="uniform.default.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="jquery.uniform.js"></script>
This relies upon a copy of jquery.uniform.js, uniform.default.css and the various images all being available on your webserver.
Basic usage
-----------
Using Uniform is easy. Simply tell it what elements to style:
// Style all <select> elements
$("select").uniform();
To "uniform" all possible form elements, just do something like this. Things that can't get styled appropriately will be skipped by Uniform.
// Style everything
$("select, input, a.button, button").uniform();
You can exclude elements too by using more jQuery selectors or methods:
// Avoid styling some elements
$("select").not(".skip_these").uniform(); // Method 1
$('select[class!="skip_these"]').uniform(); // Method 2
A complete set of tags in the HEAD section of your site can therefore look like this:
<!-- Make sure your CSS file is listed before jQuery -->
<link rel="stylesheet" href="uniform.default.css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="jquery.uniform.js"></script>
<script type='text/javascript'>
// On load, style typical form elements
$(function () {
$("select, input, button").uniform();
});
</script>
Extra parameters
----------------
You can pass in extra parameters to control certain aspects of Uniform. To pass in parameters, use syntax like what is seen here. This only changes the settings for the elements that are actually uniformed in this particular call.
$("select").uniform({
param1: value,
param2: value,
param3: value
});
There is a separate listing of global defaults. You access them by using the `defaults` property. *Note: This property name changed in v2.0.*
$.uniform.defaults.checkedClass = "uniformCheckedClass";
$.uniform.defaults.fileBtnHtml = "Pick a file";
Uniform v1.x had a bug where setting values in the call to `.uniform()` also potentially reset the defaults and redrew other uniformed objects with new settings. As of version 2.0.0 the global defaults are now completely separate from the settings passed to every `.uniform()` call. Extra parameters defined when instantiating Uniform are not global and can't be recalled from `$.uniform.defaults` later.
### activeClass (string)
*Default:* "active"
Sets the class given to elements when they are active (pressed).
$("select").uniform({activeClass: 'myActiveClass'});
### autoHide (boolean)
*Default:* true
If this option is set to true, Uniform will hide the new elements if the existing elements are currently hidden using `display: none`.
If you want to show a select or checkbox you'll need to show the new Uniform div instead of the child element.
### buttonClass (string)
*Default:* "button"
Sets the class given to a button that's been Uniformed
$("input[type=button]").uniform({buttonClass: 'myBtnClass'});
### checkboxClass (string)
*Default:* "checker"
Sets the class given to the wrapper div for checkbox elements.
$(":checkbox").uniform({checkboxClass: 'myCheckClass'});
### checkedClass (string)
*Default:* "checked"
Sets the class given to elements when they are checked (radios and checkboxes).
$(":radio, :checkbox").uniform({checkedClass: 'myCheckedClass'});
### disabledClass (string)
*Default:* "disabled"
Sets the class given to elements when they are disabled.
$("select").uniform({disabledClass: 'myDisabledClass'});
### eventNamespace (string)
*Default:* ".uniform"
Binds events using this namespace with jQuery. Useful if you want to unbind them later. Shouldn't probably need to be changed unless it conflicts with other code.
$("select").uniform({eventNamespace: '.uniformEvents'});
### fileButtonClass (string)
*Default:* "action"
Sets the class given to div inside a file upload container that acts as the "Choose file" button.
$(":file").uniform({fileButtonClass: 'myFileBtnClass'});
### fileButtonHtml (string)
*Default:* "Choose File"
Sets the text written on the action button inside a file upload input.
$(":file").uniform({fileButtonHtml: 'Choose …'});
### fileClass (string)
*Default:* "uploader"
Sets the class given to the wrapper div for file upload elements.
$(":file").uniform({fileClass: 'myFileClass'});
### fileDefaultHtml (string)
*Default:* "No file selected"
Sets the text written in the filename div of a file upload input when there is no file selected.
$(":file").uniform({fileDefaultHtml: 'Select a file please'});
### filenameClass (string)
*Default:* "filename"
Sets the class given to div inside a file upload container that spits out the filename.
$(":file").uniform({filenameClass: 'myFilenameClass'});
### focusClass (string)
*Default:* "focus"
Sets the class given to elements when they are focused.
$("select").uniform({focusClass: 'myFocusClass'});
### hoverClass (string)
*Default:* "hover"
Sets the class given to elements when they are currently hovered.
$("select").uniform({hoverClass: 'myHoverClass'});
### idPrefix (string)
*Default:* "uniform"
If useID is set to true, this string is prefixed to element ID’s and attached to the container div of each Uniformed element. If you have a checkbox with the ID of "remember-me" the container div would have the ID "uniform-remember-me".
$("select").uniform({idPrefix: 'container'});
### inputAddTypeAsClass (boolean)
*Default:* true
When true, `<input>` elements will get a class applied that is equal to their "type" attribute.
$("input").uniform({inputAddTypeAsClass: true});
### inputClass (string)
*Default:* "uniform-input"
Applies this class to all input elements when they get uniformed.
$("input").uniform({inputClass: "inputElement"});
### radioClass (string)
*Default:* "radio"
Sets the class given to the wrapper div for radio elements.
$(":radio").uniform({radioClass: 'myRadioClass'});
### resetDefaultHtml (string)
*Default:* "Reset"
This text is what's shown on form reset buttons. It is very similar to submitDefaultHtml.
$("input[type='reset']).uniform({resetDefaultHtml: "Clear"});
### resetSelector (boolean/string)
*Default:* false
This parameter allows you to use a jQuery-style selector to point to a "reset" button in your form if you have one. Use false if you have no "reset" button, or a selector string that points to the reset button if you have one.
$("select").uniform({resetSelector: 'input[type="reset"]'});
### selectAutoWidth (boolean)
*Default:* true
If this option is set to true, Uniform will try to fit the select width to the actual content. When false, it forces the selects to all be the width that was specified in the theme.
When using auto widths, the size of the element is detected, then wrapped by Uniform and expanded to fit the wrapping.
If you want to specify a size of a select element and then have Uniform wrap it appropriately, there will be some difficult
Python基于Flask框架前后端分离实现房屋租赁民宿预订平台源码案例设计.zip （327个子文件） 
CCPRestSDK.py.发短信用python2.7 30KB bootstrap.css 149KB bootstrap.min.css 118KB font-awesome.css 36KB font-awesome.min.css 28KB bootstrap-theme.css 26KB bootstrap-datepicker3.standalone.css 24KB bootstrap-datepicker3.css 23KB bootstrap-theme.min.css 23KB bootstrap-datepicker3.standalone.min.css 21KB bootstrap-datepicker3.min.css 21KB swiper.css 20KB bootstrap-datepicker.standalone.css 18KB bootstrap-datepicker.css 17KB swiper.min.css 17KB bootstrap-datepicker.standalone.min.css 16KB bootstrap-datepicker.min.css 15KB simple-line-icons.css 12KB uniform.default.css 11KB simple-line-icons.min.css 9KB uniform.default.min.css 8KB bootstrap-switch.css 7KB bootstrap-switch.min.css 6KB detail.css 5KB search.css 3KB profile.css 2KB newhouse.css 2KB index.css 2KB booking.css 2KB orders.css 2KB myhouse.css 2KB my.css 2KB register.css 1KB login.css 1021B reset.css 452B main.css 235B .DS_Store 12KB .DS_Store 8KB .DS_Store 8KB .DS_Store 6KB .DS_Store 6KB .DS_Store 6KB fontawesome-webfont.eot 75KB Simple-Line-Icons.eot 35KB glyphicons-halflings-regular.eot 20KB
detail.html 8KB lorders.html 7KB index.html 7KB register.html 4KB my.html 3KB profile.html 3KB auth.html 3KB booking.html 2KB payComplete.html 2KB login.html 2KB favicon.ico 3KB ihome_python04.iml 588B alembic.ini 815B
home01.jpg 418KB home02.jpg 407KB home03.jpg 303KB landlord01.jpg 5KB swiper.jquery.js 164KB jquery.min.js 94KB bootstrap.js 70KB swiper.jquery.min.js 67KB bootstrap-datepicker.js 57KB bootstrap.min.js 36KB bootstrap-datepicker.min.js 32KB jquery.uniform.js 27KB bootstrap-switch.js 26KB jquery.form.min.js 15KB bootstrap-switch.min.js 15KB jquery.blockui.min.js 9KB jquery.uniform.min.js 8KB search.js 8KB icons-lte-ie7.js 6KB register.js 5KB template.js 5KB index.js 4KB lorders.js 4KB orders.js 3KB booking.js 3KB newhouse.js 3KB profile.js 3KB auth.js 3KB login.js 2KB detail.js 1KB my.js 1KB myhouse.js 1016B bootstrap-datepicker.ka.min.js 967B bootstrap-datepicker.kh.min.js 945B bootstrap-datepicker.km.min.js 945B bootstrap-datepicker.th.min.js 833B bootstrap-datepicker.el.min.js 764B bootstrap-datepicker.hy.min.js 738B bootstrap-datepicker.uk.min.js 722B bootstrap-datepicker.ar.min.js 714B bootstrap-datepicker.ar-tn.min.js 704B bootstrap-datepicker.ru.min.js 704B共 327 条
- 1
- 2
- 3
- 4
资源评论
海神之光.
- 粉丝: 6117
最新资源
- 基于Vue3和ASPNET_Core的铁路票务智能化管理平台_实现用户注册登录_车票查询预订_订单管理_车站大屏_餐饮服务_地图导航_常见问题解答_管理员后台等功能_采用前后端分.zip
- 基于传统JSP技术开发的轻量级Web应用系统_包含用户登录注册模块_数据展示页面_简易后台管理功能_适用于小型企业内部信息管理系统_教学演示项目_个人学习练习用途_采用JSPHT.zip
- 简易数据库教学工具_面向大一新生的C语言和C课程设计辅助系统_帮助计算机专业学生快速完成XX管理系统类课程作业_包含哈希表实现和简化API接口_提供C和C双版本支持_降低数.zip
- 基于若依框架二次开发的湖南科技大学数据库系统课程设计选题一学生管理系统_学生信息管理_成绩管理_课程管理_教师管理_班级管理_权限管理_数据统计分析_系统日志_用户角色权限控制_E.zip
- 《概率论与数理统计》第五章学习报告.md
- 《概率论与数理统计》第四章学习报告.md
- 一个基于Vuejs框架开发的现代化游戏展示平台_包含热门游戏推荐_游戏分类浏览_游戏详情展示_用户评论互动_游戏收藏功能_游戏搜索筛选_轮播图展示_响应式设计_移动端适配_采用S.zip
- 这是一个基于Bootstrap框架开发的现代化响应式后台管理系统HTML模板_包含仪表盘_表格_表单_图表_日历_邮件_聊天_任务管理_文件管理_用户管理_权限控制_登录注册_40.zip
- 【概率论与数理统计】多维随机变量及其分布：二维随机变量性质与应用综述
- 【概率论与数理统计】随机变量及其分布学习报告：涵盖离散型与连续型随机变量、分布律及应用实例解析文档的主要内容
- Minio文件服务器，下载后直接可以使用
- 《全面解析IDEA下Maven配置问题的解决方法》
- 学生信息管理系统-java-多角色
- 《数据要素流通指数：理论框架与行业实践探索》
- 遥感技术基于Sentinel-2影像的NDVI计算与可视化：云掩膜处理及植被指数统计分析系统设计
- C++中利用sort函数实现学生成绩排序功能
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
