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

javascript英文日期（有时间）选择器

May 02 Javascript

获取焦点时,利用js定时器设定时间执行动作

Apr 02 Javascript

js实现倒计时时钟的示例代码

Dec 17 Javascript

JsRender实用入门教程

Oct 31 Javascript

js+canvas绘制矩形的方法

Jan 28 Javascript

分享javascript、jquery实用代码段

Oct 20 Javascript

用jmSlip编写移动端顶部日历选择控件

Oct 24 Javascript

JS实现下拉菜单列表与登录注册弹窗效果

Aug 10 Javascript

解决vue+element 键盘回车事件导致页面刷新的问题

Aug 25 Javascript

vue favicon设置以及动态修改favicon的方法

Dec 21 Javascript

深入解读Node.js中的koa源码

Jun 17 Javascript

前端JavaScript大管家 package.json

Nov 02 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_put_contents vs touch]

2012/01/20 PHP

解析smarty 截取字符串函数 truncate的用法介绍

2013/06/20 PHP

php 如何获取数组第一个值

2013/08/06 PHP

PHP两个n位的二进制整数相加问题的解决

2018/08/26 PHP

PHP扩展类型及安装方式解析

2020/04/27 PHP

无缝滚动改进版支持上下左右滚动（封装成函数）

2012/12/04 Javascript

纯JS实现动态时间显示代码

2014/02/08 Javascript

JavaScript时间转换处理函数

2015/04/14 Javascript

JavaScript中Number.MIN_VALUE属性的使用示例

2015/06/04 Javascript

基于JS实现移动端访问PC端页面时跳转到对应的移动端网页

2020/12/24 Javascript

JavaScript常用字符串与数组扩展函数小结

2016/04/24 Javascript

BootStrap与validator 使用笔记(JAVA SpringMVC实现)

2016/09/21 Javascript

BootStrap数据表格实例代码

2017/09/13 Javascript

AngularJS实现的根据数量与单价计算总价功能示例

2017/12/26 Javascript

vuejs实现递归树型菜单组件

2018/01/13 Javascript

js中的 || 与 && 运算符详解

2018/05/24 Javascript

Vue.js子组件向父组件通信的方法实例代码详解

2018/12/10 Javascript

[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17

2020/12/19 DOTA

java直接调用python脚本的例子

2014/02/16 Python

Python3中多线程编程的队列运作示例

2015/04/16 Python

python操作字典类型的常用方法(推荐)

2016/05/16 Python

python中的闭包函数

2018/02/09 Python

python实现批量按比例缩放图片效果

2018/03/30 Python

python中使用iterrows()对dataframe进行遍历的实例

2018/06/09 Python

python 切换root 执行命令的方法

2019/01/19 Python

详解Python网络框架Django和Scrapy安装指南

2019/04/01 Python

python每5分钟从kafka中提取数据的例子

2019/12/23 Python

python基于pygame实现飞机大作战小游戏

2020/11/19 Python

css3中transition属性详解

2014/09/02 HTML / CSS

Marlies Dekkers内衣法国官方网上商店：国际知名的荷兰内衣品牌

2019/03/18 全球购物

医院深入开展党的群众路线教育实践活动实施方案

2014/08/27 职场文书

2014年变电站工作总结

2014/12/19 职场文书

第一书记观后感

2015/06/08 职场文书

《比尾巴》教学反思

2016/02/24 职场文书

提升Nginx性能的一些建议

2021/03/31 Servers

golang判断key是否在map中的代码

2021/04/24 Golang