编程 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 新浪背投广告实现代码

Jul 07 Javascript

js获取控件位置以及不同浏览器中的差别介绍

Aug 08 Javascript

JavaScript实现文字与图片拖拽效果的方法

Feb 16 Javascript

用canvas 实现个图片三角化（LOW POLY）效果

Feb 18 Javascript

Ajax的概述与实现过程

Nov 18 Javascript

解决angularjs service中依赖注入$scope报错的问题

Oct 02 Javascript

如何在vue里面优雅的解决跨域(路由冲突问题)

Jan 20 Javascript

JavaScript中BOM对象原理与用法分析

Jul 09 Javascript

关于JS解构的5种有趣用法

Sep 05 Javascript

JS控制只能输入数字并且最多允许小数点两位

Nov 24 Javascript

JavaScript数组排序小程序实现解析

Jan 13 Javascript

Element InputNumber计数器的使用方法

Jul 27 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

DOTA2 1月28日更新：监管系统降临刀塔世界

2021/01/28 DOTA

PHP4中实现动态代理

2006/10/09 PHP

基于PHP读取TXT文件向数据库导入海量数据的方法

2013/04/23 PHP

PHP使用redis实现统计缓存mysql压力的方法

2015/11/14 PHP

php使用 readfile() 函数设置文件大小大小的方法

2017/08/11 PHP

ThinkPHP实现转换数据库查询结果数据到对应类型的方法

2017/11/16 PHP

laravel 实现设置时区的简单方法

2019/10/10 PHP

JS获取父节点方法

2009/08/20 Javascript

JavaScript入门之事件、cookie、定时等

2011/10/21 Javascript

基于JQuery的多标签实现代码

2012/09/19 Javascript

jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果

2015/08/22 Javascript

深入理解Node.js 事件循环和回调函数

2016/11/02 Javascript

微信小程序左滑删除效果的实现代码

2017/02/20 Javascript

详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式

2017/06/17 Javascript

详解Javascript中new()到底做了些什么？

2018/03/29 Javascript

vue实现2048小游戏功能思路详解

2018/05/09 Javascript

layui上传图片到服务器的非项目目录下的方法

2019/09/26 Javascript

如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法

2019/12/12 Javascript

聊聊Python中的pypy

2018/01/12 Python

python实现汽车管理系统

2018/11/30 Python

Python发送邮件测试报告操作实例详解

2018/12/08 Python

Python进程间通信 multiProcessing Queue队列实现详解

2019/09/23 Python

python3操作注册表的方法（Url protocol）

2020/02/05 Python

哈工大自然语言处理工具箱之ltp在windows10下的安装使用教程

2020/05/07 Python

opencv 形态学变换(开运算，闭运算，梯度运算)

2020/07/07 Python

Css3圆角边框制作代码

2015/11/18 HTML / CSS

css3旋转木马_动力节点Java学院整理

2017/07/12 HTML / CSS

深入研究HTML5实现图片压缩上传功能

2016/03/25 HTML / CSS

HTML5中的Web Notification桌面通知功能的实现方法

2019/07/29 HTML / CSS

纽约服装和生活方式品牌：Saturdays NYC

2017/08/13 全球购物

SK-II神仙水美国官网：SK-II美国

2020/02/25 全球购物

加拿大著名的奢侈品购物网站：SSENSE（支持中文）

2020/06/25 全球购物

酒店实习个人鉴定

2013/12/07 职场文书

教师廉洁自律承诺书

2014/05/26 职场文书

导游词之青城山景区

2019/09/27 职场文书

redis lua限流算法实现示例

2022/07/15 Redis