歡迎訪問世紀網絡官網,寶雞網站建設SEO優化已累計服務超過900家企業!     咨詢熱線:13619273150

15年網站建設優化經驗,900家客戶的選擇,值得信賴!


寶雞世紀網絡24個漂亮的個性化HTML表單技術

作者:紫陌      發布時間:2009-05-31      瀏覽:2888

62.9K


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 表單技術


0