24 个漂亮的个性化 HTML 表单技术


Posted on April 21, 2009


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 的文章

选择和下拉框(Select / Dropdown Box)相关


1.) JavaScript Image Combobox (JavaScript 图形化 Combobox)

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


标签:N/A

其它推荐日志:

可以查看服务器操作系统的网站

安装SQL Server 2005开发版时出现性能计数器要求安装错误

Vista技巧:禁用Vista中的移动中心

BAT脚本获取批处理文件所在路径

IIS装framework 2.0

mscorsvw.exe

IE6--让我说你什么好!编码!还是编码!

js中innerHTML与innerText的用法与区别

IErrorInfo.GetDescription 因 E_FAIL(0x80004005) 而失败

什么是AJAX?

网站信息的可用性设计

推荐三个有用的web开发工具

使用Bluetooth与手机传送文件

MS-SQL数据库开发—精典

收集到的一个按钮样式!

IE和Firefox的js兼容性整理

获取当前URL地址例子(PHP)

关于lvalue required as left operand of assignment

Understanding Page Inheritance in ASP.NET 2.0

IIS HTTP 500 内部服务器错误 服务器无法加载应用程序 ''/LM/W3SVC''''/LM/W3SVC'' ''找不到指定的元数据

解决IE8无法正确输入淘宝、支付宝密码的问题

Content-type: How to force a file download

ICP备案跳过短信验证备案方法

mysql中text,longtext,mediumtext字段类型的意思,以及区别

【FTP】批处理下载FTP服务器上某个目录下的文件

如何才能禁止磁盘空间底的提示

学习.Net经典网站推荐

C#获取当前IE地址栏的url

c#读写xml文件的方法

无需插件,轻松实现FIREFOX后台打开标签

PHP字符串截取函数(解决中文乱码问题!支持UTF-8和GB2312)

将VIEWSTATE保存在服务器端,减少网络传输负载

AccessDataSource中参数传递的问题

IIS添加下载文件类型的方法

System.UnauthorizedAccessException: 拒绝访问

系统进程列表(转)

datalist分页的方法

word技巧:回车换行键符

IE7使用FCK出现this.linkedfield.value的问题(PHP)

windows也能拥有Vista 侧边栏效果


Search
最新评论
推荐日志
微信扫一扫