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

理清apply(),call()的区别和关系

Aug 14 Javascript

javascript数字格式化通用类 accounting.js使用

Aug 24 Javascript

JavaScript动态改变HTML页面元素例如添加或删除

Aug 10 Javascript

javascript表单验证和Window详解

Dec 11 Javascript

JavaScript中实现map功能代码分享

Jun 11 Javascript

JavaScript中style.left与offsetLeft的使用及区别详解

Jun 08 Javascript

jQuery中deferred对象使用方法详解

Jul 14 Javascript

文本溢出插件jquery.dotdotdot.js使用方法详解

Jun 22 jQuery

浅谈原型对象的常用开发模式

Jul 22 Javascript

js模拟百度模糊搜索的实例

Aug 04 Javascript

在 Vue 应用中使用 Netlify 表单功能的方法详解

Jun 03 Javascript

layui表单提交到后台自动封装到实体类的方法

Sep 12 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

windows下升级PHP到5.3.3的过程及注意事项

2010/10/12 PHP

PHP 正则表达式之正则处理函数小结(preg_match,preg_match_all,preg_replace,preg_split)

2012/10/05 PHP

php生成随机密码自定义函数代码（简单快速）

2014/05/10 PHP

Laravel 4.2 中队列服务（queue）使用感受

2014/10/30 PHP

PHP清除缓存的几种方法总结

2017/09/12 PHP

新增加的内容是如何将div的scrollbar自动移动最下面

2014/01/02 Javascript

JS通过分析userAgent属性来判断浏览器的类型及版本

2014/03/28 Javascript

jquery控制select的text/value值为选中状态

2014/06/03 Javascript

用console.table()调试javascript

2014/09/04 Javascript

javascript实现简单的html5视频播放器

2015/05/06 Javascript

javascript中加var和不加var的区别你真的懂吗

2016/01/06 Javascript

JavaScript cookie 跨域访问之广告推广

2016/04/20 Javascript

jquery 判断div show的状态实例

2016/12/03 Javascript

Javascript中字符串相关常用的使用方法总结

2017/03/13 Javascript

详解vue-router 2.0 常用基础知识点之router.push()

2017/05/10 Javascript

JavaScript之Map和Set_动力节点Java学院整理

2017/06/29 Javascript

jQuery选择器_动力节点Java学院整理

2017/07/05 jQuery

基于dataset的使用和图片延时加载的实现方法

2017/12/11 Javascript

基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能

2018/05/16 Javascript

vue-cli项目中使用echarts图表实例

2018/10/22 Javascript

利用Python查看目录中的文件示例详解

2017/08/28 Python

Python基于pandas实现json格式转换成dataframe的方法

2018/06/22 Python

详解python3中的真值测试

2018/08/13 Python

Python实现版本号对比功能的实例代码

2019/04/18 Python

基于Python实现大文件分割和命名脚本过程解析

2019/09/29 Python

Python实现自动装机功能案例分析

2020/10/22 Python

CSS3制作Dropdown下拉菜单的方法

2015/07/18 HTML / CSS

香港演唱会订票网站：StubHub香港

2019/10/10 全球购物

外国语学院毕业生自荐信

2013/10/28 职场文书

网络工程师专家职业发展路线

2014/02/14 职场文书

物流管理专业推荐信

2014/09/06 职场文书

小学班主任自我评价

2015/03/11 职场文书

关于幸福的感言

2015/08/03 职场文书

《秦兵马俑》教学反思

2016/02/24 职场文书

SQL CASE 表达式的具体使用

2022/03/21 SQL Server

使用 Koa + TS + ESLlint 搭建node服务器的过程详解

2022/05/30 NodeJs