nicejforms可以算是jquery的一个插件,可以起到非常好的美化表单的作用
demo:http://www.healdream.com/upload/html/nicejforms/nicejforms_green.html
down:http://www.51files.com/?O4IXTNT9ZO9BIL954XTP
用法:
首先将两个js包含进来,就像这样
复制代码 代码如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>Pagetitle</title>
<scripttype="text/javascript"src="jquery.js"></script>
<scripttype="text/javascript"src="nicejforms.js"></script>
</head>
<body>
然后加入css
复制代码 代码如下:
<styletype="text/css"media="screen">@importurl("niceforms.css")</style>
接着对form,设定class
复制代码 代码如下:
<formaction="vars.php"method="POST"class="niceform">
最后写下如下语句
<scripttype="text/javascript">
$(document).ready(function(){$.NiceJForms.build();});
</script>
这样就大功告成了!