24个漂亮的个性化HTML表单技术
前端技术 / houtizong 发布于 3年前 42
- Custom Radio Button Implement With jQuery
- slayeroffice Custom Checkbox Elements
- Customized Html Controls: Creating Custom Checkbox
- Styled Form Controls
- Fancy Checkboxes and Radio Buttons
- Inside Technique : Custom Checkboxes
COMSHARP CMS 写道 "HTML表单对象在不同浏览器渲染方式并不一致，尽管一些对象，如textbox和textarea可以通过CSS在不同浏览器获得一致的外观，其它多数无法通过CSS 控制外观的对象在有些浏览器中看上去十分丑陋，本文精选了24个对表单对象进行个性化定制的技术(完整图文版)。" Checkbox 与 Radio Buttons相关
1.) FancyForm
FancyForm 是一个非常强大的 JavaScript 库，可以作为 checkbox 和 radio button 的替代品，能生成非常漂亮的 checkbox 和 radio button，并支持几乎所有浏览器，该 JavaScript 库需要 MooTools JavaScript 框架的支持。
2.) CRIR: Checkbox & Radio Input Replacement
这个 JavaScript 和 CSS 组合可以隐藏表单中的 checkbox 和 radio button，并允许你使用 CSS 对 checkbox 与 radio button 的设置式样模拟 checkbox 和 radio button。表单的功能不会改变，仍可以收集 checkbox 和 radio button 的数据值，checkbox 和 radio button 的标签会触发那些隐藏的对象。
3.) Ryan Fait’s Custom Checkboxes & Radio Buttons
这个 JavaScript 和 CSS 组合允许你使用自己的图片模拟 checkbox，radio button 以及 select 列表控件。这个很周到的 JavaScript 库还可以在浏览器禁用了 JavaScript 的时候，自动用回传统的表单控件。
4.) ARC - Adam’s Radio/Checkbox Customization
该脚本会对表单中的 checkbox 和 radio button 及其标签进行探测，一旦发现，就会使用基于 CSS 式样的图形标签替换这些控件。
5.) prettyCheckboxes
6.) jQuery checkbox
7.) 一些用来定制 checkbox 和 radion button 的文章
2.) jQuery Dropdown Check List
3.) Custom Select With Icons
4.) ComboBoxes Using MooTools
5.) Select Replacement
6.) 更多 select box 定制技术 (基于 JavaScript)更多 Form 控件对象1.) Custom Form Elements (CFE)
Custom Form Elements 集合了各种技术，增强 XHTML Web 表单控件对象，基于 javaScript 和 CSS 实现更漂亮的效果，提高易用性与可访问性。支持绝大多数主流浏览器。
2.) Emblematiq Niceforms
Niceforms 是一个可以替代几乎所有 web 表单对象的 JavaScript 库。你可以使用默认的主题，甚至可以开发自己的主题。
3.) jQuery Plugin: jNice
本文来源：http://www.netwaver.com/23/24-html-form-elements-customization-techniques/
中文翻译来源：COMSHARP CMS 官方网站
1.) FancyForm
FancyForm 是一个非常强大的 JavaScript 库，可以作为 checkbox 和 radio button 的替代品，能生成非常漂亮的 checkbox 和 radio button，并支持几乎所有浏览器，该 JavaScript 库需要 MooTools JavaScript 框架的支持。
2.) CRIR: Checkbox & Radio Input Replacement
这个 JavaScript 和 CSS 组合可以隐藏表单中的 checkbox 和 radio button，并允许你使用 CSS 对 checkbox 与 radio button 的设置式样模拟 checkbox 和 radio button。表单的功能不会改变，仍可以收集 checkbox 和 radio button 的数据值，checkbox 和 radio button 的标签会触发那些隐藏的对象。
3.) Ryan Fait’s Custom Checkboxes & Radio Buttons
这个 JavaScript 和 CSS 组合允许你使用自己的图片模拟 checkbox，radio button 以及 select 列表控件。这个很周到的 JavaScript 库还可以在浏览器禁用了 JavaScript 的时候，自动用回传统的表单控件。
4.) ARC - Adam’s Radio/Checkbox Customization
该脚本会对表单中的 checkbox 和 radio button 及其标签进行探测，一旦发现，就会使用基于 CSS 式样的图形标签替换这些控件。
5.) prettyCheckboxes
6.) jQuery checkbox
7.) 一些用来定制 checkbox 和 radion button 的文章
2.) jQuery Dropdown Check List
3.) Custom Select With Icons
4.) ComboBoxes Using MooTools
5.) Select Replacement
6.) 更多 select box 定制技术 (基于 JavaScript)更多 Form 控件对象1.) Custom Form Elements (CFE)
Custom Form Elements 集合了各种技术，增强 XHTML Web 表单控件对象，基于 javaScript 和 CSS 实现更漂亮的效果，提高易用性与可访问性。支持绝大多数主流浏览器。
2.) Emblematiq Niceforms
Niceforms 是一个可以替代几乎所有 web 表单对象的 JavaScript 库。你可以使用默认的主题，甚至可以开发自己的主题。
3.) jQuery Plugin: jNice
本文来源：http://www.netwaver.com/23/24-html-form-elements-customization-techniques/
中文翻译来源：COMSHARP CMS 官方网站
请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！
技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];
文章归档
文章标签
友情链接
