编辑“V5Shop FORM表单样式操作”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[V5Shop|上一页]]</span>
<div style="clear:both;"></div>
==FORM表单相关字段==
*'''实现功能：'''
搜索表单、登录表单、商品评论表单、文章评论表单、留言表单、找回密码、[[邮件订]]阅
[[Image:V5Shop_FromStyle.gif|center]]

*'''相关字段以及生成的代码：'''
'''搜索表单：'''
 <pre>
 <form id="searchform" action="[$syspath]list.aspx"><select onchange='document.getElementById('>
 <option value="[$syspath]list.aspx" selected="selected">查询商品</option>
 <option value="[$syspath]articlelist.aspx">查询文章</option>
 <option value="[$syspath]shippingadvice.aspx">发货通知</option>
 </select& gt;<input class="input" name="wd" type="text" /><input style="vertical-align: bottom" type="submit" value="开始搜索" />
 </form>
 </pre>

'''登录表单：'''
 <form action="" method="post" name="loginform"><input type="hidden" name="act" value="login" />
 <input class="input" id="username" name="username" value="{base.CookieLoginIDTemp}" type="text" />
 <input class="input" id="password" type="password" name="password" />
 <input class="input" id="checkcode" maxlength="4" size="8" name="verify" type="text" />
 <img id="verifyimg" style="cursor: pointer" alt="看不清，点击换一张" align="absMiddle" onclick='ChangeVerifyImg()' />
 <script language='javascript'>
   function ChangeVerifyImg()
   {document.getElementById('verifyimg').src = '[$syspath]member/verifyimg.aspx?d=' + Date();} ChangeVerifyImg();
 </script>
 <input type="submit" src="登陆" onclick='return CheckLogin()' value="提交查询内容" />
 </form>
 </pre>        

'''商品评论表单：'''
 <form action="[$syspath]product.aspx?id={cid}" method="post" name="pswbackform">
 <input type="hidden" name="act" value="review" />评论标题：
 <input class="input" id="title" maxlength="30" size="100" name="title" type="text" />评 论 人：
 <input class="input" id="username" maxlength="20" size="100" name="username" type="text" />评论星级：
 <input type="radio" name="star" value="1" /><img alt="很差" src="images/products/star1.gif" />
 <input type="radio" name="star" value="2" /><img alt="不太好" src="images/products/star2.gif" />
 <input type="radio" name="star" value="3" /><img alt="一般" src="images/products/star3.gif" />
 <input type="radio" name="star" value="4" /><img alt="还不错" src="images/products/star4.gif" />
 <input type="radio" checked="checked" name="star" value="5" /><img alt="非常好" src="images/products/star5.gif" />评论内容：
 <textarea id="content" rows="5" cols="60" name="content"></textarea>
 <input type="submit" onClick='return CheckReviewForm()' name="Submit2" value="我要发表" />
 </form>
 </pre>         

'''文章评论表单：'''
 <form action="[$syspath]article.aspx?id={cid}" method="post" name="pswbackform">
 <input type="hidden" name="act" value="review" />评论标题：
 <input class="input" id="title" maxlength="30" size="100" name="title" type="text" />评 论人：
 <input class="input" id="username" maxlength="20" size="100" name="username" type="text" />评论星级：
 <input type="radio" name="star" value="1" /><img alt="很差" src="images/products/star1.gif" />
 <input type="radio" name="star" value="2" /><img alt="不太好" src="images/products/star2.gif" />
 <input type="radio" name="star" value="3" /><img alt="一般" src="images/products/star3.gif" />
 <input type="radio" name="star" value="4" /><img alt="还不错" src="images/products/star4.gif" />
 <input type="radio" checked="checked" name="star" value="5" /><img alt="非常好" src="images/products/star5.gif" />评论内容：
 <textarea id="content" rows="5" cols="60" name="content"></textarea>
 <input type="submit" onClick='return CheckReviewForm()' name="Submit2" value="我要发表" />
 </form>
</pre>

'''留言表单：'''
 <form action="[$syspath]message.aspx" method="post">
 <input type="hidden" name="act" value="gbook" />主题：
 <input class="input" id="title" maxlength="30" name="title" type="text" />[[E-mail]]：
 <input class="input" id="email" maxlength="30" name="email" type="text" />电话：
 <input class="input" id="telephone" maxlength="30" name="telephone" type="text" />留言：
 <textarea id="content" rows="5" cols="40" name="content"></textarea>
 <input type="submit" onclick='return CheckGbookForm()' name="Submit2" value="我要发表" />
 </form>

'''找回密码：'''
 <form method="post" onsubmit='this.action = ' name="pswbackform">
 <input type="hidden" name="act" value="psw" />注册帐号：
 <input class="input" name="username" type="text" />保护问题：
  <select name="question">
   <option value="你最喜欢的食物是什么？" selected="selected">你最喜欢的食物是什么？</option>
 </select>保护答案：
 & lt;input class="input" size="50" name="answer" type="text" />
 <input type="image" src="<nowiki>http://192.168.1.99/Hrc_Easy_V5Shop8_Template/weblogin/editor/editor/images/member/pswkey.gif</nowiki>" />
 </form>
 </pre>

'''邮件订阅：'''
 <form id="subform" method="post" onsubmit='this.action = '>
 <input id="act" type="hidden" name="act" />邮箱地址：
 <input class="input" id="email" name="email" type="text" />姓名：
 <input class="input" id="username" maxlength="10" size="10" name="username" type="text" />
 <input type="image"  src="<nowiki>http://192.168.1.99/Hrc_Easy_V5Shop8_Template/weblogin/editor/editor/images/index/pollb1.gif</nowiki>"
 onclick='return InsertSubmit()'  
 />　
 <input type="image"   src="<nowiki>http://192.168.1.99/Hrc_Easy_V5Shop8_Template/weblogin/editor/editor/images/index/mailkey.gif</nowiki>"
 onclick='return DeleteSubmit()' />
 </form>
 <script language='javascript' type='text/javascript' src='js/subscription.js'>
 </script>


==相关条目==
*[[osCommerce]]
*[[Joomla]]
*[[ECShop]]
*[[ECMall]]
*[[ShopEX]]

==参考来源==
*[http://help.v5shop.com.cn/v5shop/  参考来源]

[[category:V5Shop|F]]
说明	输入内容	输出结果
斜体	''斜体文字''	斜体文字
粗体	'''粗体文字'''	粗体文字
粗斜体	'''''粗斜体文字'''''	*粗斜体文字*