手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >nicejforms——美化表单不用愁
nicejforms——美化表单不用愁
摘要:nicejforms可以算是jquery的一个插件,可以起到非常好的美化表单的作用demo:http://www.healdream.com...

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>

这样就大功告成了!

【nicejforms——美化表单不用愁】相关文章:

打造个性化的Select(可编辑)

连接文字不停变色

Backbone.js的一些使用技巧

js实现键盘Enter键提交表单的方法

分享十五款 jQuery 社交网络分享插件

javasript实现密码的隐藏与显示

jQuery聚合函数实例

event.srcElement+表格应用

JavaScript对传统文档对象模型的支持

JavaScript版代码高亮

精品推荐
分类导航