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