阅读更多

30顶
0踩

Web前端

转载新闻 24 个漂亮的个性化 HTML 表单技术

2009-04-20 16:31 by 副主编 zly06 评论(5) 有46028人浏览

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

选择和下拉框(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



 

本文来源:http://www.netwaver.com/23/24-html-form-elements-customization-techniques/

  • 大小: 22.6 KB
  • 大小: 13 KB
  • 大小: 5.1 KB
  • 大小: 2.7 KB
  • 大小: 4.5 KB
  • 大小: 4.6 KB
  • 大小: 7.3 KB
  • 大小: 9.5 KB
  • 大小: 2.5 KB
  • 大小: 2 KB
  • 大小: 14.1 KB
  • 大小: 9.5 KB
  • 大小: 3 KB
  • 大小: 3.7 KB
来自: comsharp
30
0
评论 共 5 条 请登录后发表评论
5 楼 jacking124 2011-01-25 10:42
很不错的资源,学习了,
4 楼 labchy 2010-09-21 15:03
不错 可惜收藏不了
3 楼 gggyx 2009-07-06 09:45
很好啊``
2 楼 yitu86 2009-05-20 23:00
偶也喜欢……
1 楼 xgm_gdqy 2009-04-21 11:42
相当好啊!!我喜欢!

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • CSS3 神奇按钮,个性化表单按钮元素

    摘要:脚本资源,CSS特效,CSS3 神奇的CSS3按钮,个性化的表单按钮元素,看到那些单选按钮和复选框以及那些类似Iphone手机开关的按钮了吗?绝对比默认的表单按钮更漂亮。代码上也并不多,是学习的好范例。

  • html表单制作选择,24 个漂亮的个性化 HTML 表单技术

    HTML 表单对象在不同浏览器渲染方式并不一致,尽管一些对象,如 textbox 和 textarea 可以通过 CSS 在不同浏览器获得一致的外观,其它多数无法通过CSS 控制外观的对象在有些浏览器中看上去十分丑陋,本文精选了24个...

  • HTML其他个性化简介怎么写,24个漂亮的个性化HTML表单技术

    HTML 表单对象在不同浏览器渲染方式并不一致,尽管一些对象,如 textbox 和 textarea 可以通过 CSS 在不同浏览器获得一致的外观,其它多数无法通过CSS 控制外观的对象在有些浏览器中看上去十分丑陋,本文精选了24个...

  • (转) 24 个漂亮的个性化 HTML 表单技术

    HTML 表单对象在不同浏览器渲染方式并不一致,尽管一些对象,如 textbox 和 textarea 可以通过 CSS 在不同浏览器获得一致的外观,其它多数无法通过CSS 控制外观的对象在有些浏览器中看上去十分丑陋,本文精选了24个...

  • html 表单 元素 美化,分享10款jQuery的表单元素样式美化插件

    表单是网站和web应用开发中非常重要的一个元素,我们这里收集了10款jQuery表单美化插件,能有有效地帮助你提高web应用功能和使用体验。希望大家喜欢!你是不是喜欢美化你的checkbox,下拉菜单,文件上传或者是radio...

  • 单框选择html5,8个非常个性化的CSS3单/复选框

    单选框和复选框在网页表单中应用十分广泛,但是浏览器默认自带的单选框和复选框...1、jQuery超级个性化的单线框和复选框今天要分享的也是一个非常个性化的单选框和复选框插件,颜色你可以自己定义。2、CSS3漂亮的自...

  • css 表单 样式_使用CSS样式化Web表单

    css 表单 样式A big part of our work as website designers is the ability to make things look good and function well. We spend hours taking the time to make every aspect of our site visually compelling,...

  • 10款精美而实用的HTML5表单(登录、联系和搜索表单)

    1、HTML5/CSS3仿Facebook登录表单 这款纯CSS3发光登录表单更是绚丽多彩。今天我们要分享一款仿Facebook的登录表单,无论从外观还是功能上说,这款登录表单还是挺接近Facebook登录表单的。 在线演示 源码...

  • Android 进阶技术汇总一: 个性化控件(View) 方案汇总

    前言:个性化控件(View): 主要介绍那些不错个性化的View,包括ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar、TextView、ScrollView、TimeView、TipView、FlipView、...

  • html5 漂亮单选按钮样式,10个HTML5美化版复选框和单选框

    单选框html一、CSS3漂亮的自定义Checkbox复选框 9款迷人样式以前咱们分享过一款很是不错的CSS3自定义checkbox复选框纯CSS3美化Checkbox和Radiobox按钮,外观很是时尚。今天咱们来分享一款9款样式迷人的CSS3漂亮的...

  • 用HTML+CSS做一个漂亮简单的个人网页——樱木花道篮球3个页面 学生个人网页设计作品 学生个人网页模板 简单个人主页

    1网页简介:此作品为...3.知识应用:技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件)所需的知识点。

  • 个性化控件

     Android开源项目第一篇——个性化控件(View)篇  包括ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar、TextView、ScrollView、TimeView、TipView、FlipView、ColorPic

  • 基于Tensorflow的iOS图像处理工程,效果类似Primsa.zip

    人工智能-深度学习-tensorflow

  • 该仓库用于存储项目“基于云边深度学习融合的COVID-19智能检测系统”的识别模型测检测代码部分.zip

    人工智能毕业设计&课程设计

  • 基于ssm的中小型企业财务管理录系统.zip

    基于ssm的中小型企业财务管理录系统.zip

  • JAVA毕业设计之springboot057洗衣店订单管理系统(springboot+mysql)完整源码.zip

    这个资源是一个基于Spring Boot和MySQL的洗衣店订单管理系统的完整源码。它包括了所有的源代码文件,以及一个详细的文档,可以帮助你理解和运行这个系统。这个系统的主要功能包括:用户注册和登录,下单,查看订单,修改订单,删除订单等。用户可以在系统中选择洗衣服务,然后提交订单。系统会自动计算订单的总价,并将其显示在用户的订单列表中。用户还可以查看自己的历史订单,以及每个订单的详细信息。此外,系统还包括了一个管理员模块。管理员可以查看所有的订单,以及对订单进行管理。他们可以修改订单的状态,例如将订单标记为已完成,或者取消订单。这个系统使用了Spring Boot框架,这是一个非常流行的Java开发框架,它可以帮助你快速地开发和部署应用程序。同时,系统也使用了MySQL数据库,这是一个广泛使用的关系型数据库,它可以存储大量的数据,并提供高效的查询功能。总的来说,这个资源是一个非常完整的洗衣店订单管理系统的源码,它可以帮助你理解如何使用Spring Boot和MySQL来开发一个实际的应用程序。无论你是正在学习Java编程,还是已经有一定的开发经验,都可以从这个资源中学到很多有用的知识和技能。

  • W9825G6KH-6I 产品规格书pdf

    W9825G6KH-6I SDRAM,256Mb(32MB,16Mbx16),3.3v 动态随机存取存储器

  • WeRoBot-1.10.1-py2.py3-none-any.whl

    Python库是一组预先编写的代码模块,旨在帮助开发者实现特定的编程任务,无需从零开始编写代码。这些库可以包括各种功能,如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库,如NumPy、Pandas和Requests,极大地丰富了Python的应用领域,从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径,而且为经验丰富的开发者提供了强大的工具,以高效率、高质量地完成复杂任务。例如,Matplotlib和Seaborn库在数据可视化领域内非常受欢迎,它们提供了广泛的工具和技术,可以创建高度定制化的图表和图形,帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。

  • (后端)本科毕业设计-基于深度学习的人脸识别考勤系统.zip

    人工智能毕业设计&课程设计

  • asp代码ASP基于web的学校新闻发布系统开发(论文+源代码+开题报告+文献综述+外文翻译)

    asp代码ASP基于web的学校新闻发布系统开发(论文+源代码+开题报告+文献综述+外文翻译)本资源系百度网盘分享地址

Global site tag (gtag.js) - Google Analytics