资讯频道 → Web前端
阅读更多

30顶
0踩

Web前端

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

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

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

  • 基于改进粒子群算法的DG储能选址定容优化模型：解决电力系统时序性问题的可靠程序解决方案,基于改进粒子群算法的DG储能选址定容模型优化解决电力系统问题,DG储能选址定容模型matlab 程序采用改进粒子

    基于改进粒子群算法的DG储能选址定容优化模型：解决电力系统时序性问题的可靠程序解决方案,基于改进粒子群算法的DG储能选址定容模型优化解决电力系统问题,DG储能选址定容模型matlab 程序采用改进粒子群算法，考虑时序性得到分布式和储能的选址定容模型，程序运行可靠 这段程序是一个改进的粒子群算法，主要用于解决电力系统中的优化问题。下面我将对程序进行详细分析。 首先，程序开始时加载了一些数据文件，包括gfjl、fljl、fhjl1、cjgs和fhbl。这些文件可能包含了电力系统的各种参数和数据。 接下来是一些参数的设置，包括三种蓄电池的参数矩阵、迭代次数、种群大小、速度更新参数、惯性权重、储能动作策略和限制条件等。 然后，程序进行了一些初始化操作，包括初始化种群、速度和适应度等。 接下来是主要的迭代过程。程序使用粒子群算法的思想，通过更新粒子的位置和速度来寻找最优解。在每次迭代中，程序计算了每个粒子的适应度，并更新个体最佳位置和全局最佳位置。 在每次迭代中，程序还进行了一些额外的计算，如潮流计算、储能约束等。这些计算可能涉及到电力系统的潮流计算、功率平衡等知识点。 最后，程序输

  • 数学建模相关主题资源2

    数学建模相关主题资源2

  • 实验程序与文档报告撰写指南：科研和工程项目的综合资源介绍及应用技巧

    内容概要：本文详细介绍了一系列用于科学研究、工程项目和技术开发中至关重要的实验程序编写与文档报告撰写的资源和工具。从代码托管平台(GitHub/GitLab/Kaggle/CodeOcean)到云端计算环境(Colab)，以及多种类型的编辑器(LaTeX/Microsoft Word/Overleaf/Typora)，还有涵盖整个研究周期的各种辅助工具：如可视化工具（Tableau）、数据分析平台(R/Pandas)、项目管理工具(Trello/Jira)、数据管理和伦理审核支持(Figshare/IRB等)，最后提供了典型报告的具体结构指导及其范本实例链接(arXiv/PubMed)。这为实验流程中的各个环节提供了系统的解决方案，极大地提高了工作的效率。 适合人群：高校学生、科研工作者、工程技术人员以及从事学术写作的人员，无论是新手入门还是有一定经验的人士都能从中受益。 使用场景及目标：帮助读者高效地准备并开展实验研究活动；促进团队间协作交流；规范研究报告的形式；提高对所收集资料的安全性和隐私保护意识；确保遵循国际公认的伦理准则进行实验。

  • 四轮毂驱动电动汽车稳定性控制策略：基于滑模与模糊神经网络的转矩分配与仿真研究,四轮毂驱动电动汽车稳定性控制：基于滑模与模糊神经网络的转矩分配策略及联合仿真验证,四轮毂驱动电动汽车稳定性控制，分布式驱动

    四轮毂驱动电动汽车稳定性控制策略：基于滑模与模糊神经网络的转矩分配与仿真研究,四轮毂驱动电动汽车稳定性控制：基于滑模与模糊神经网络的转矩分配策略及联合仿真验证,四轮毂驱动电动汽车稳定性控制，分布式驱动转矩分配。 上层基于滑模，模糊神经网络控制器决策横摆力矩，下层基于动态载荷分配，最优分配，平均分配均可做。 simulink与carsim联合仿真。 ,四轮毂驱动;电动汽车稳定性控制;分布式驱动;转矩分配;滑模控制;模糊神经网络控制器;横摆力矩;动态载荷分配;最优分配;平均分配;Simulink仿真;Carsim仿真,四驱电动稳定性控制：滑模与模糊神经网络决策的转矩分配研究

  • PyCharm 安装教程.zip

    本资源提供了一份详细的PyCharm安装教程，涵盖下载、安装、配置、激活及使用步骤，适合新手快速搭建Python开发环境。

  • 233.JSP+SQL金融借贷管理系统.zip

    毕业设计

  • 原版宋体安装文件.ttf

    原版宋体.ttf，原版宋体安装文件，安装方式，直接右键安装。

Global site tag (gtag.js) - Google Analytics