nicejforms——美化表單不用愁
更新時間：2007年02月20日 00:00:00 投稿：mdxy-dxy
這篇文章主要介紹了nicejforms——美化表單不用愁
nicejforms可以算是jquery的一個插件，可以起到非常好的美化表單的作用
demo：http://www.healdream.com/upload/html/nicejforms/nicejforms_green.html
用法：
首先將兩個js包含進(jìn)來，就像這樣
復(fù)制代碼 代碼如下:
<!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
復(fù)制代碼 代碼如下:
<style type="text/css" media="screen">@import url("niceforms.css")</style>
接著對form，設(shè)定class
復(fù)制代碼 代碼如下:
<form action="vars.php" method="POST" class="niceform">
最后寫下如下語句
<script type="text/javascript">
$(document).ready( function() { $.NiceJForms.build(); } );
</script>
這樣就大功告成了！
相關(guān)文章
在 jQuery UI 的最近更新中增加了自動完成控件 AutoComplete，這為我們提供了又一個強(qiáng)大的開發(fā)工具，這里介紹一下這個控件的使用方式。2011-06-06
這篇文章通過實例代碼給大家講解了jquery替換節(jié)點元素的操作方法及動態(tài)頁面的實現(xiàn)代碼，非常不錯，需要的朋友參考下吧2018-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)彈彈球小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
將表單序列化為一個對象的方法有很多，在本文為大家介紹下使用jquery是如何做到的，感興趣的朋友可以參考下2014-01-01
jQuery+PHP實現(xiàn)微信轉(zhuǎn)盤抽獎功能的方法
這篇文章主要介紹了jQuery+PHP實現(xiàn)微信轉(zhuǎn)盤抽獎功能的方法,詳細(xì)分析了抽獎程序界面設(shè)計、前臺jQuery交互、后臺概率算法等抽獎功能相關(guān)技巧,需要的朋友可以參考下2016-05-05
本篇文章主要是對jquery中常用的函數(shù)和屬性進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
學(xué)習(xí)jQuery中的noConflict()用法
在本篇文章中我們整理了關(guān)于學(xué)習(xí)jQuery中的noConflict()用法的相關(guān)知識點內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。2018-09-09
關(guān)于jquery中動態(tài)增加select,事件無效的快速解決方法
下面小編就為大家?guī)硪黄P(guān)于jquery中動態(tài)增加select,事件無效的快速解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單
這篇文章主要介紹了jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這個DivAlert插件，顧名思義就是頁面彈出框，也就相當(dāng)于Winform里面MessageBox.Show()那樣的東西。2010-04-04