nicejforms——美化表单不用愁

最新推荐文章于 2025-08-18 10:24:36 发布

转载最新推荐文章于 2025-08-18 10:24:36 发布 · 657 阅读

文章标签：

#sasad

JAVA 专栏收录该内容

734 篇文章

订阅专栏

NiceJForms是一款基于jQuery的插件，能够有效提升表单的美观度。使用该插件只需引入必要的JS文件和CSS样式，设置表单的class，并调用$.NiceJForms.build()方法即可。

nicejforms可以算是jquery的一个插件，可以起到非常好的美化表单的作用

demo： http://www.healdream.com/upload/html/nicejforms/nicejforms_green.html
down： http://www.51files.com/?O4IXTNT9ZO9BIL954XTP

用法：
首先将两个js包含进来，就像这样

复制代码代码如下:

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  
 <html xmlns="http://www.w3.org/1999/xhtml"> 
  
 <head> 
  
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
  
 <title>Page title</title> 
  
 <script type="text/javascript" src="jquery.js"></script> 
  
 <script type="text/javascript" src="nicejforms.js"></script> 
  
 </head> 
  
 <body>

然后加入css

复制代码代码如下:

接着对form，设定class

复制代码代码如下:

最后写下如下语句
<script type="text/javascript">
$(document).ready( function() { $.NiceJForms.build(); } );
</script>
这样就大功告成了！