首页 > 开发 > HTML > 正文

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

2020-09-18 22:14:01
字体:
来源:转载
供稿:网友
html 表单对象在不同浏览器渲染方式并不一致,尽管一些对象,如 textbox 和 textarea 可以通过 css 在不同浏览器获得一致的外观,其它多数无法通过css 控制外观的对象在有些浏览器中看上去十分丑陋,本文精选了24个对表单对象进行个性化定制的技术。

  checkbox 与 radio buttons 相关

  1.) fancyform

  fancyform 是一个非常强大的 javascript 库,可以作为 checkbox 和 radio button 的替代品,能生成非常漂亮的 checkbox 和 radio button,并支持几乎所有浏览器,该 javascript 库需要 mootools javascript 框架的支持。

  

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

 

  2.) crir: checkbox & radio input replacement

  这个 javascript 和 css 组合可以隐藏表单中的 checkbox 和 radio button,并允许你使用 css 对 checkbox 与 radio button 的设置式样模拟 checkbox 和 radio button。表单的功能不会改变,仍可以收集 checkbox 和 radio button 的数据值,checkbox 和 radio button 的标签会触发那些隐藏的对象。

  

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

 

  3.) ryan fait’s custom checkboxes & radio buttons

  这个 javascript 和 css 组合允许你使用自己的图片模拟 checkbox,radio button 以及 select 列表控件。这个很周到的 javascript 库还可以在浏览器禁用了 javascript 的时候,自动用回传统的表单控件。

  

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

 

  4.) arc - adam’s radio/checkbox customization

  该脚本会对表单中的 checkbox 和 radio button 及其标签进行探测,一旦发现,就会使用基于 css 式样的图形标签替换这些控件。

  

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

 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表