<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,其他代码,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为漂亮的表单NiceJForms v0.1（3种样式），属于站长常用代码，更多其他代码代码请访问懒人图库JS代码频道。" />
<title>漂亮的表单NiceJForms v0.1（3种样式）_懒人图库</title>
<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-green.css);</style>
</head>
<body>
<div id="container">
<h1 style="margin-bottom:30px; color:#99cc33;">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:lucian.lature@gmail.com">email to me</a></p>
<p>Feel free to use and modify but please provide credits.</p>
<p><br />
代码整理：<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a> <br />
<br />
</p>
<p>＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。<br />
<br />
</p>
<p><br />
<br />
</p>
<p><p>© Lucian Lature - <a href="emailto:lucian.lature@gmail.com">email to me</a></p>
<p>Feel free to use and modify but please provide credits.</p><br />
<br />
</p>
<p></p>
<p> </p>
</div>
<script type="text/javascript">
$(document).ready(function(){
$.NiceJForms.build({
imagesPath:"css/images/greentheme/"
})
});
</script>
</body>
</html>
精美表单样式(下拉菜单/文本框/复选框)
5星 · 超过95%的资源 需积分: 31 14 浏览量
2011-05-11
15:07:13
上传
评论 2
收藏 81KB RAR 举报 
精美的表单样式.rar （94个子文件） 
精美的表单样式 css 
niceforms-default.css 4KB niceforms-green.css 4KB images 
title.jpg 10KB greentheme 
button_left.gif 330B txtarea_l.gif 92B button_right_xon.gif 332B select_left.gif 535B txtarea_tl.gif 144B button_left_xon.gif 328B checkbox.gif 689B txtarea_tl_xon.gif 144B txtarea_cntr_xon.gif 228B txtarea_tr.gif 491B txtarea_bl.gif 142B select_right.gif 673B input_bg.gif 210B txtarea_l_xon.gif 92B button_right.gif 336B input_left_xon.gif 559B txtarea_tr_xon.gif 498B input_left.gif 340B txtarea_br.gif 376B input_right.gif 331B txtarea_bl_xon.gif 142B input_right_xon.gif 345B button_bg.gif 158B select_bg.gif 88B radio.gif 745B txtarea_cntr.gif 373B txtarea_br_xon.gif 382B default blank.gif 43B button_left.gif 338B txtarea_l.gif 100B button_right_xon.gif 340B select_left.gif 543B txtarea_tl.gif 152B button_left_xon.gif 336B checkbox.gif 689B txtarea_tl_xon.gif 152B txtarea_cntr_xon.gif 236B txtarea_tr.gif 499B txtarea_bl.gif 150B select_right.gif 681B input_bg.gif 218B txtarea_l_xon.gif 100B button_right.gif 344B input_left_xon.gif 567B txtarea_tr_xon.gif 506B input_left.gif 348B txtarea_br.gif 384B input_right.gif 339B txtarea_bl_xon.gif 150B input_right_xon.gif 353B button_bg.gif 166B select_bg.gif 96B radio.gif 745B txtarea_cntr.gif 381B txtarea_br_xon.gif 390B redtheme button_left.gif 330B txtarea_l.gif 92B button_right_xon.gif 332B select_left.gif 535B txtarea_tl.gif 144B button_left_xon.gif 328B checkbox.gif 689B txtarea_tl_xon.gif 144B txtarea_cntr_xon.gif 228B txtarea_tr.gif 491B txtarea_bl.gif 142B select_right.gif 673B input_bg.gif 210B txtarea_l_xon.gif 92B button_right.gif 336B input_left_xon.gif 559B txtarea_tr_xon.gif 498B input_left.gif 340B txtarea_br.gif 376B input_right.gif 331B txtarea_bl_xon.gif 142B input_right_xon.gif 345B button_bg.gif 158B select_bg.gif 88B radio.gif 745B txtarea_cntr.gif 373B txtarea_br_xon.gif 382B bg.jpg 755B niceforms-red.css 4KB
nicejforms_red.html 3KB nicejforms.html 3KB index.jpg 8KB js nicejforms-interface.js 20KB nicejforms.js 21KB jquery.js 20KB index.html 4KB
- 1
- 2
- 3
前往页