<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>NiceJForms by Lucian Lature</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/nicejforms.js"></script>
<style type="text/css" media="screen">@import url(css/niceforms-red.css);</style>
</head>
<body>
<div id="container">
<h1 style="margin-bottom:30px; color:#900;">NiceJForms</h1>
<form action="vars.php" method="POST" class="niceform">
<select size="1" id="mySelect1" name="mySelect1" class="width_320">
<option selected="selected" value="Test area no.1">Test area no.1</option>
<option value="Another test option">Another test option</option>
<option value="And another one">And another one</option>
<option value="One last option for me">One last option for me</option>
<option value="This is one really really long option right here just to test it out">This is one really really long option right here just to test it out</option>
</select>
<br />
<select size="1" id="mySelect2" name="mySelect2" class="width_160">
<option value="Test area no.2">Test area no.2</option>
<option value="Another test">Another test</option>
<option selected="selected" value="And another one">And another one</option>
<option value="And yet another one">And yet another one</option>
<option value="One last option for me">One last option for me</option>
</select>
<br />
<input type="radio" name="radioSet" id="option1" value="foo" checked="checked" /><label for="option1">foo</label><br />
<input type="radio" name="radioSet" id="option2" value="bar" /><label for="option2">bar</label><br />
<input type="radio" name="radioSet" id="option3" value="another option" /><label for="option3">another option</label><br />
<br />
<input type="checkbox" name="checkSet1" id="check1" value="foo" /><label for="check1">foo</label><br />
<input type="checkbox" name="checkSet2" id="check2" value="bar" checked="checked" /><label for="check2">bar</label><br />
<input type="checkbox" name="checkSet3" id="check3" value="another option" /><label for="check3">another option</label><br />
<br />
<label for="textinput">Username:</label><br />
<input type="text" id="textinput" name="textinput" size="12" /><br />
<label for="passwordinput">Password:</label><br />
<input type="password" id="passwordinput" name="passwordinput" size="20" /><br />
<br />
<label for="textareainput">Comments:</label><br />
<textarea id="textareainput" name="textareainput" rows="10" cols="30"></textarea><br />
<br />
<input type="submit" value="Submit this form" />
</form>
<h2 style="margin-top:30px;">NiceJForms v0.1</h2>
<p>© Lucian Lature - <a href="emailto:[email protected]">email to me</a></p>
<p>Feel free to use and modify but please provide credits.</p>
</div>
<script type="text/javascript">
$(document).ready(function(){
$.NiceJForms.build({
imagesPath:"css/images/redtheme/"
})
});
</script>
</body>
</html>
表单美化插件源版nicejforms.zip
需积分: 31 173 浏览量
2008-11-13
02:03:10
上传
评论
收藏 74KB ZIP 举报
nicejforms.zip （93个子文件） 
css 
niceforms-default.css 4KB images 
title.jpg 10KB greentheme 
txtarea_cntr.gif 373B input_right_xon.gif 345B button_right.gif 336B button_right_xon.gif 332B input_left.gif 340B select_left.gif 535B txtarea_l_xon.gif 92B button_bg.gif 158B button_left.gif 330B txtarea_tr.gif 491B txtarea_tr_xon.gif 498B select_right.gif 673B checkbox.gif 689B txtarea_tl.gif 144B input_right.gif 331B radio.gif 745B txtarea_bl.gif 142B txtarea_cntr_xon.gif 228B txtarea_l.gif 92B input_left_xon.gif 559B txtarea_bl_xon.gif 142B button_left_xon.gif 328B select_bg.gif 88B txtarea_br.gif 376B txtarea_br_xon.gif 382B input_bg.gif 210B txtarea_tl_xon.gif 144B redtheme txtarea_cntr.gif 373B input_right_xon.gif 345B button_right.gif 336B button_right_xon.gif 332B input_left.gif 340B select_left.gif 535B txtarea_l_xon.gif 92B button_bg.gif 158B button_left.gif 330B txtarea_tr.gif 491B txtarea_tr_xon.gif 498B select_right.gif 673B checkbox.gif 689B txtarea_tl.gif 144B input_right.gif 331B radio.gif 745B txtarea_bl.gif 142B txtarea_cntr_xon.gif 228B txtarea_l.gif 92B input_left_xon.gif 559B txtarea_bl_xon.gif 142B button_left_xon.gif 328B select_bg.gif 88B txtarea_br.gif 376B txtarea_br_xon.gif 382B input_bg.gif 210B txtarea_tl_xon.gif 144B bg.jpg 755B default txtarea_cntr.gif 381B input_right_xon.gif 353B button_right.gif 344B button_right_xon.gif 340B input_left.gif 348B select_left.gif 543B txtarea_l_xon.gif 100B blank.gif 43B button_bg.gif 166B button_left.gif 338B txtarea_tr.gif 499B txtarea_tr_xon.gif 506B select_right.gif 681B checkbox.gif 689B txtarea_tl.gif 152B input_right.gif 339B radio.gif 745B txtarea_bl.gif 150B txtarea_cntr_xon.gif 236B txtarea_l.gif 100B input_left_xon.gif 567B txtarea_bl_xon.gif 150B button_left_xon.gif 336B select_bg.gif 96B txtarea_br.gif 384B txtarea_br_xon.gif 390B input_bg.gif 218B txtarea_tl_xon.gif 152B niceforms-green.css 4KB niceforms-red.css 4KB
nicejforms_red.html 3KB nicejforms.html 3KB js jquery.js 20KB nicejforms.js 21KB nicejforms-interface.js 20KB nicejforms_green.html 3KB资源评论
