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

js写的评论分页(还不错)

Dec 23 Javascript

Jquery实现由下向上展开效果的例子

Dec 08 Javascript

jquery转盘抽奖功能实现

Nov 13 Javascript

jquery设置表单元素为不可用的简单代码

Jul 04 Javascript

AngularJs ng-repeat 嵌套如何获取外层$index

Sep 21 Javascript

移动端点击态处理的三种实现方式

Jan 12 Javascript

JavaScript函数apply()和call()用法与异同分析

Aug 10 Javascript

vue完成项目后,打包成静态文件的方法

Sep 03 Javascript

React Router V4使用指南(精讲)

Sep 17 Javascript

Vue路由history模式解决404问题的几种方法

Sep 29 Javascript

图片文字识别（OCR）插件Ocrad.js教程

Nov 26 Javascript

react+redux仿微信聊天界面

Jun 21 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+mysql一个名片库程序

2006/10/09 PHP

修改destoon会员公司的伪静态中的com目录的方法

2014/08/21 PHP

destoon调用discuz论坛中带图片帖子的实现方法

2014/08/21 PHP

phpcms中的评论样式修改方法

2016/10/21 PHP

简单实现php上传文件功能

2017/09/21 PHP

JavaScript中链式调用之研习

2011/04/07 Javascript

jQuery动态添加的元素绑定事件处理函数代码

2011/08/02 Javascript

js中生成map对象的方法

2014/01/09 Javascript

Js表格万条数据瞬间加载实现代码

2014/02/20 Javascript

jQuery 如何先创建、再修改、后添加DOM元素

2014/05/20 Javascript

Node.js中require的工作原理浅析

2014/06/24 Javascript

js实现仿百度瀑布流的方法

2015/02/05 Javascript

javascript为按钮注册回车事件（设置默认按钮）的方法

2015/05/09 Javascript

详解JavaScript对象类型

2016/06/16 Javascript

JavaScript每天必学之基础知识

2016/09/17 Javascript

原生JS实现的放大镜效果实例代码

2016/10/15 Javascript

jQuery监听文件上传实现进度条效果的方法

2016/10/16 Javascript

使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

2016/10/17 Javascript

JavaScript遍历Json串浏览器输出的结果不统一问题

2016/11/03 Javascript

Bootstrap select下拉联动（jQuery cxselect）

2017/01/04 Javascript

JavaScript自动点击链接防止绕过浏览器访问的方法

2017/01/19 Javascript

JS严格模式知识点总结

2018/02/27 Javascript

JavaScript碰撞检测原理及其实现代码

2020/03/12 Javascript

JS实现炫酷轮播图

2020/11/15 Javascript

微信小程序自定义支持图片的弹窗

2020/12/21 Javascript

python函数局部变量用法实例分析

2015/08/04 Python

详解pandas.DataFrame中删除包涵特定字符串所在的行

2019/04/04 Python

Python Django给admin添加Action的方法实例详解

2019/04/29 Python

Django外键（ForeignKey）操作以及related_name的作用详解

2019/07/29 Python

python tkinter库实现气泡屏保和锁屏

2019/07/29 Python

opencv+python实现均值滤波

2020/02/19 Python

python 基于pygame实现俄罗斯方块

2021/03/02 Python

CSS3新属性transition-property transform box-shadow实例学习

2013/06/06 HTML / CSS

应届大专生自荐书

2014/06/16 职场文书

手机销售员岗位职责

2015/04/11 职场文书

Vue CLI中模式与环境变量的深入详解

2021/05/30 Vue.js