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

JQuery 获取和设置Select选项的代码

Feb 07 Javascript

JQERY limittext 插件0.2版(长内容限制显示)

Aug 27 Javascript

40款非常棒的jQuery 插件和制作教程（系列二）

Nov 02 Javascript

浏览器打开层自动缓慢展开收缩实例代码

Jul 04 Javascript

jQuery实现返回顶部效果的方法

May 29 Javascript

Node.js事件驱动

Jun 18 Javascript

JS模仿手机端九宫格登录功能实现代码

Apr 28 Javascript

JS滚动到指定位置导航栏固定顶部

Jul 03 Javascript

详解@Vue/Cli 3 Invalid Host header 错误解决办法

Jan 02 Javascript

vue动态配置模板 'component is'代码

Jul 04 Javascript

Vue插件之滑动验证码用法详解

Apr 05 Javascript

JS异步宏队列微队列原理详解

Sep 09 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投票系统防刷票判断流程分析

2012/02/04 PHP

php tp验证表单与自动填充函数代码

2012/02/22 PHP

WordPress中用于获取及自定义头像图片的PHP脚本详解

2015/12/17 PHP

PHP中函数gzuncompress无法使用的解决方法

2017/03/02 PHP

PHP如何防止XSS攻击与XSS攻击原理的讲解

2019/03/22 PHP

Smarty模板变量与调节器实例详解

2019/07/20 PHP

TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】

2020/04/05 PHP

Javascript 中介者模式实例

2009/12/16 Javascript

setTimeout与setInterval在不同浏览器下的差异

2010/01/24 Javascript

JavaScript DOM 学习第二章编辑文本

2010/02/19 Javascript

Jquery 绑定时间实现代码

2011/05/03 Javascript

jquery属性过滤选择器使用示例

2013/06/18 Javascript

手机平板等移动端适配跳转URL的js代码

2014/01/25 Javascript

js去除输入框中所有的空格和禁止输入空格的方法

2014/06/09 Javascript

javascript实现的猜数小游戏完整实例代码

2016/05/10 Javascript

jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果

2016/08/15 Javascript

js仿小米手机上下滑动效果

2017/02/05 Javascript

vue2.0 实现导航守卫（路由守卫）

2018/05/21 Javascript

vue+axios新手实践实现登陆的示例代码

2018/06/06 Javascript

JS异步宏队列与微队列原理区别详解

2020/07/02 Javascript

python实现通过shelve修改对象实例

2014/09/26 Python

介绍Python的@property装饰器的用法

2015/04/28 Python

python 自动化将markdown文件转成html文件的方法

2016/09/23 Python

使用Python绘制图表大全总结

2017/02/11 Python

Python实现计算圆周率π的值到任意位的方法示例

2018/05/08 Python

解决Python print 输出文本显示 gbk 编码错误问题

2018/07/13 Python

解读python如何实现决策树算法

2018/10/11 Python

Python PIL图片添加字体的例子

2019/08/22 Python

解决keras backend 越跑越慢问题

2020/06/18 Python

Python常用数据分析模块原理解析

2020/07/20 Python

opencv实现图像平移效果

2021/03/24 Python

淘宝活动策划方案

2014/02/06 职场文书

2014年情人节活动方案

2014/02/16 职场文书

2014大学生学生会工作总结

2014/12/19 职场文书

MySQL8.0无法启动3534的解决方法

2021/06/03 MySQL

前端框架ECharts dataset对数据可视化的高级管理

2022/12/24 Javascript