编程 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 相关文章推荐

firefox下frameset取不到值的解决方法

Sep 06 Javascript

js showModalDialog参数的使用详解

Jan 07 Javascript

js实现背景图片感应鼠标变化的方法

Feb 28 Javascript

使用console进行性能测试

Apr 27 Javascript

jQuery的bind()方法使用详解

Jul 15 Javascript

jQuery基本过滤选择器用法示例

Sep 09 Javascript

Bootstrap table表格初始化表格数据的方法

Jul 25 Javascript

详解Vue开发微信H5微信分享签名失败问题解决方案

Aug 09 Javascript

vue中设置、获取、删除cookie的方法

Sep 21 Javascript

AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】

May 17 Javascript

vue 子组件watch监听不到prop的解决

Aug 09 Javascript

JavaScript实现九宫格拖拽效果

Jun 28 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

You might like

PHP 的 __FILE__ 常量

2007/01/15 PHP

PHP下的Oracle客户端扩展(OCI8)安装教程

2014/09/10 PHP

用 Composer构建自己的 PHP 框架之设计 MVC

2014/10/30 PHP

php使用Image Magick将PDF文件转换为JPG文件的方法

2015/04/01 PHP

PHP中把有符号整型转换为无符号整型方法

2015/05/27 PHP

THINKPHP在添加数据的时候获取主键id的值方法

2017/04/03 PHP

php将从数据库中获得的数据转换成json格式并输出的方法

2018/08/21 PHP

javascript YUI 读码日记之 YAHOO.util.Dom - Part.4

2008/03/22 Javascript

JavaScript Undefined，Null类型和NaN值区别

2008/10/22 Javascript

远离JS灾难css灾难之 js私有函数和css选择器作为容器

2011/12/11 Javascript

js 连接数据库如何操作数据库中的数据

2012/11/23 Javascript

jQuery prev ~ siblings选择器使用介绍

2013/08/09 Javascript

jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

2014/02/21 Javascript

ashx文件获取$.ajax()方法发送的数据

2016/05/26 Javascript

html5+CSS 实现禁止IOS长按复制粘贴功能

2016/12/28 Javascript

JS正则验证多个邮箱完整实例【邮箱用分号隔开】

2017/04/19 Javascript

angularjs项目的页面跳转如何实现（5种方法）

2017/05/25 Javascript

webpack写jquery插件的环境配置

2017/12/21 jQuery

Vue 自定义标签的src属性不能使用相对路径的解决

2019/09/17 Javascript

基于canvas实现手写签名（vue）

2020/05/21 Javascript

[02:52]2017DOTA2国际邀请赛中国区预选赛晋级之路

2017/07/03 DOTA

python脚本爬取字体文件的实现方法

2017/04/29 Python

全面分析Python的优点和缺点

2018/02/07 Python

python3.4.3下逐行读入txt文本并去重的方法

2018/04/29 Python

APIStar:一个专为Python3设计的API框架

2018/09/26 Python

Python docx库用法示例分析

2019/02/16 Python

使用python PIL库实现简单验证码的去噪方法步骤

2019/05/10 Python

关于python中remove的一些坑小结

2021/01/04 Python

美国紧身牛仔裤品牌：NYDJ

2017/05/24 全球购物

英国高档百货连锁店：John Lewis

2017/11/20 全球购物

简历中个人自我评价范文

2013/12/26 职场文书

学校联谊活动方案

2014/02/15 职场文书

学校学雷锋活动总结

2014/06/26 职场文书

学校学期工作总结

2015/08/13 职场文书

2016年学习贯彻十八届五中全会精神心得体会

2016/01/05 职场文书

2019年暑期安全广播稿！

2019/07/03 职场文书