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

CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）

Feb 14 Javascript

js 获取后台的字段改变 checkbox的被选中的状态代码

Jun 05 Javascript

在JS方法中返回多个值的方法汇总

May 20 Javascript

JS实现仿腾讯微博无刷新删除微博效果代码

Oct 16 Javascript

Angularjs中如何使用filterFilter函数过滤

Feb 06 Javascript

浅析Node.js实现HTTP文件下载

Aug 05 Javascript

JS实现焦点图轮播效果的方法详解

Dec 19 Javascript

使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解

Jul 24 Javascript

通过一次报错详细谈谈Point事件

May 17 Javascript

微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)

Jan 24 Javascript

基于JS实现父组件的请求服务过程解析

Oct 14 Javascript

详解js location.href和window.open的几种用法和区别

Dec 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

无线电的诞生过程

2021/03/01 无线电

实时抓取YAHOO股票报价的代码

2006/10/09 PHP

php实现加减法验证码代码

2014/02/14 PHP

php中FTP函数ftp_connect、ftp_login与ftp_chmod用法

2014/11/18 PHP

php使用NumberFormatter格式化货币的方法

2015/03/21 PHP

PHP中把对象转换为关联数组代码分享

2015/04/09 PHP

详解PHP安装mysql.so扩展的方法

2016/12/31 PHP

PHP实现 APP端微信支付功能

2018/06/22 PHP

jQuery)扩展jQuery系列之一模拟alert，confirm（一）

2010/12/04 Javascript

鼠标右击事件代码(asp.net后台)

2011/01/27 Javascript

JS计算网页停留时间代码

2014/04/28 Javascript

javascript基础知识分享之类与函数化

2016/02/13 Javascript

jQuery中text() val()和html()的区别实例详解

2016/06/28 Javascript

那些精彩的JavaScript代码片段

2017/01/12 Javascript

进阶之初探nodeJS

2017/01/24 NodeJs

Vue实现todolist删除功能

2018/06/26 Javascript

解决LayUI表单获取不到data的问题

2018/08/20 Javascript

mpvue 单文件页面配置详解

2018/12/02 Javascript

python+mysql实现简单的web程序

2014/09/11 Python

Python实现统计单词出现的个数

2015/05/28 Python

基于python中的TCP及UDP(详解)

2017/11/06 Python

解决pycharm运行出错,代码正确结果不显示的问题

2018/11/30 Python

python对文件目录的操作方法实例总结

2019/06/24 Python

Django单元测试中Fixtures的使用方法

2020/02/26 Python

jupyter notebook 调用环境中的Keras或者pytorch教程

2020/04/14 Python

python pymysql链接数据库查询结果转为Dataframe实例

2020/06/05 Python

美国存储和组织商店：The Container Store

2017/08/16 全球购物

收银员的岗位职责范本

2014/02/04 职场文书

《小草和大树》教学反思

2014/02/16 职场文书

社会实践活动报告

2015/02/05 职场文书

教师工作表现自我评价

2015/03/05 职场文书

在职证明格式样本

2015/06/15 职场文书

领导干部学习三严三实心得体会

2016/01/05 职场文书

少年的你：世界上没有如果，要在第一次就勇敢的反抗

2019/11/20 职场文书

Python - 10行代码集2000张美女图

2021/05/23 Python

单身狗福利?Python爬取某婚恋网征婚数据

2021/06/03 Python