利用 Javascript 和 CSS 美化 HTML 表单

var alimama_pid="mm_10164319_249450_378613";
var alimama_titlecolor="0000FF";
var alimama_descolor ="000000";
var alimama_bgcolor="FFFFFF";
var alimama_bordercolor="E6E6E6";
var alimama_linkcolor="008000";
var alimama_bottomcolor="FFFFFF";
var alimama_anglesize="0";
var alimama_bgpic="0";
var alimama_icon="0";
var alimama_sizecode="35";
var alimama_width=200;
var alimama_height=200;
var alimama_type=2;



表单是网页与用户交互中不可缺少的重要元素，传统的HTML中对表单元素的样式控制很少，即使有也仅仅局限于功能上的实现。在这里我们围绕表单中那些无法简单的通过CSS 更改样式的元素(如 Radio ,Checkbox ,Select )，介绍一些利用Javascript 和CSS 对这些“顽固”元素进行美化的方法，以期达到漂亮、实用的效果。

#1. CheckList

用来代替<select> 元素在设定multiple 属性时的显示效果。





示例演示：Check List Sample

#2. Niceforms

漂亮的表单效果，尤其是<select> 元素。





示例演示：Niceforms Sample

#3. CRIR

代替Radio 和Checkbox 元素的组件。





示例演示：CRIR Sample