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

ExtJS Store的数据访问与更新问题

Apr 28 Javascript

Webkit的跨域安全问题说明

Sep 13 Javascript

setTimeout的延时为0时多个浏览器的区别

May 23 Javascript

jquery表单验证需要做些什么

Nov 17 Javascript

jQuery使用zTree插件实现树形菜单和异步加载

Feb 25 Javascript

全面解析Bootstrap中transition、affix的使用方法

May 30 Javascript

js实现旋转木马效果

Mar 17 Javascript

React中ES5与ES6写法的区别总结

Apr 21 Javascript

vue用addRoutes实现动态路由的示例

Sep 15 Javascript

微信小程序中post方法与get方法的封装

Sep 26 Javascript

Vue表单及表单绑定方法

Sep 04 Javascript

JavaScript动画实例之粒子文本的实现方法详解

Jul 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 遍历文件实现代码

2011/05/04 PHP

探讨php中遍历二维数组的几种方法详解

2013/06/08 PHP

PHP获取栏目的所有子级和孙级栏目的ID号示例

2014/04/01 PHP

php上传文件问题汇总

2015/01/30 PHP

PHP数组游标实现对数组的各种操作详解

2016/01/26 PHP

thinkphp在低版本Nginx 下支持PATHINFO的方法分享

2016/05/27 PHP

PHP实现QQ、微信和支付宝三合一收款码实例代码

2018/02/19 PHP

Opacity.js

2007/01/22 Javascript

jQuery 操作下拉列表框实现代码

2010/02/22 Javascript

Javascript中的this绑定介绍

2011/09/22 Javascript

深入理解JavaScript系列(9) 根本没有“JSON对象”这回事！

2012/01/15 Javascript

document.compatMode的CSS1compat使用介绍

2014/04/03 Javascript

JavaScript中伪协议 javascript:使用探讨

2014/07/18 Javascript

点击标签切换和自动切换DIV选项卡

2014/08/10 Javascript

谷歌showModalDialog()方法不兼容出现对话窗口的解决办法

2016/02/15 Javascript

JavaScript for循环 if判断语句(学习笔记)

2017/10/11 Javascript

nodejs实现简单的gulp打包

2017/12/21 NodeJs

使用NestJS开发Node.js应用的方法

2018/12/03 Javascript

js实现数字跳动到指定数字

2020/08/25 Javascript

tornado捕获和处理404错误的方法

2014/02/26 Python

python中pandas.DataFrame对行与列求和及添加新行与列示例

2017/03/12 Python

Python数字图像处理之霍夫线变换实现详解

2018/01/12 Python

python实现超市扫码仪计费

2018/05/30 Python

django 使用 request 获取浏览器发送的参数示例代码

2018/06/11 Python

python 动态生成变量名以及动态获取变量的变量名方法

2019/01/20 Python

使用pip安装python库的多种方式

2019/07/31 Python

python如何输出反斜杠

2020/06/18 Python

整理HTML5中支持的URL编码与字符编码

2016/02/23 HTML / CSS

匡威比利时官网：Converse Belgium

2017/04/13 全球购物

美国开幕式潮店：Opening Ceremony

2018/02/10 全球购物

2014五年级班主任工作总结

2014/12/05 职场文书

自荐信格式模板

2015/03/27 职场文书

2015年学校减负工作总结

2015/05/19 职场文书

python glom模块的使用简介

2021/04/13 Python

Css预编语言及区别详解

2021/04/25 HTML / CSS

Python Flask请求扩展与中间件相关知识总结

2021/06/11 Python