编程 Javascript

nicejforms——美化表单不用愁

Posted in Javascript onFebruary 20, 2007

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

<style type="text/css" media="screen">@import url("niceforms.css")</style>

接着对form，设定class

<form action="vars.php" method="POST" class="niceform">

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

nicejforms——美化表单不用愁

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript一点特殊用法

May 28 Javascript

Javascript学习笔记1 数据类型

Jan 11 Javascript

js中生成map对象的方法

Jan 09 Javascript

Bootstrap实现响应式导航栏效果

Dec 28 Javascript

js利用appendChild对标签进行排序的实现方法

Oct 16 Javascript

微信 java 实现js-sdk 图片上传下载完整流程

Oct 21 Javascript

Webpack+Vue如何导入Jquery和Jquery的第三方插件

Feb 20 Javascript

sublime text配置node.js调试(图文教程)

Nov 23 Javascript

vue利用axios来完成数据的交互

Mar 23 Javascript

vue点击页面空白处实现保存功能

Nov 06 Javascript

Vue的data、computed、watch源码浅谈

Apr 04 Javascript

JS数据类型判断的几种常用方法

Jul 07 Javascript

greybox——不开新窗口看新的网页

Feb 20 #Javascript

datePicker——日期选择控件（with jquery）

Feb 20 #Javascript

一直复略了的一个问题，关于表单重复提交

Feb 15 #Javascript

永不消失的title提示代码

Feb 15 #Javascript

Javascript操纵Cookie实现购物车程序

Feb 15 #Javascript

通过JAVASCRIPT读取ASP设定的COOKIE

Feb 15 #Javascript

用Javascript读取中文COOKIE的解决办法

Feb 15 #Javascript