寶雞世紀(jì)網(wǎng)絡(luò)24個(gè)漂亮的個(gè)性化HTML表單技術(shù) |
作者：紫陌 發(fā)布時(shí)間：2009-05-31 瀏覽：2891次 |
| HTML 表單對(duì)象在不同瀏覽器渲染方式并不一致，盡管一些對(duì)象，如 textbox 和 textarea 可以通過(guò) CSS 在不同瀏覽器獲得一致的外觀，其它多數(shù)無(wú)法通過(guò)CSS 控制外觀的對(duì)象在有些瀏覽器中看上去十分丑陋，本文精選了24個(gè)對(duì)表單對(duì)象進(jìn)行個(gè)性化定制的技術(shù)。
Checkbox 與 Radio Buttons 相關(guān) 1.) FancyForm FancyForm 是一個(gè)非常強(qiáng)大的 javascript 庫(kù)，可以作為 checkbox 和 radio button 的替代品，能生成非常漂亮的 checkbox 和 radio button，并支持幾乎所有瀏覽器，該 javascript 庫(kù)需要 MooTools javascript 框架的支持。
2.) CRIR: Checkbox & Radio Input Replacement 這個(gè) javascript 和 CSS 組合可以隱藏表單中的 checkbox 和 radio button，并允許你使用 CSS 對(duì) checkbox 與 radio button 的設(shè)置式樣模擬 checkbox 和 radio button。表單的功能不會(huì)改變，仍可以收集 checkbox 和 radio button 的數(shù)據(jù)值，checkbox 和 radio button 的標(biāo)簽會(huì)觸發(fā)那些隱藏的對(duì)象。
3.) Ryan Fait’s Custom Checkboxes & Radio Buttons 這個(gè) javascript 和 CSS 組合允許你使用自己的圖片模擬 checkbox，radio button 以及 select 列表控件。這個(gè)很周到的 javascript 庫(kù)還可以在瀏覽器禁用了 javascript 的時(shí)候，自動(dòng)用回傳統(tǒng)的表單控件。
4.) ARC - Adam’s Radio/Checkbox Customization 該腳本會(huì)對(duì)表單中的 checkbox 和 radio button 及其標(biāo)簽進(jìn)行探測(cè)，一旦發(fā)現(xiàn)，就會(huì)使用基于 CSS 式樣的圖形標(biāo)簽替換這些控件。
 |
