手机
当前位置:查字典教程网 >编程开发 >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——美化表单不用愁】相关文章:

详解AngularJS中的表达式使用

popdiv

JavaScript检查数字是否为整数或浮点数的方法

kindeditor编辑器点中图片滚动条往上顶的bug

JavaScript版代码高亮

jQuery聚合函数实例

[对联广告] JS脚本类

连接文字不停变色

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

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

精品推荐
分类导航