V5Shop FORM表单样式操作
来自站长百科
导航: 上一页
FORM表单相关字段[ ]
- 实现功能：
搜索表单、登录表单、商品评论表单、文章评论表单、留言表单、找回密码、邮件订阅
- 相关字段以及生成的代码：
搜索表单：
<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>
登录表单：
<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>
商品评论表单：
<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>
文章评论表单：
<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>
留言表单：
<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="http://192.168.1.99/Hrc_Easy_V5Shop8_Template/weblogin/editor/editor/images/member/pswkey.gif" /> </form>
邮件订阅：
<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="http://192.168.1.99/Hrc_Easy_V5Shop8_Template/weblogin/editor/editor/images/index/pollb1.gif" onclick='return InsertSubmit()' /> <input type="image" src="http://192.168.1.99/Hrc_Easy_V5Shop8_Template/weblogin/editor/editor/images/index/mailkey.gif" onclick='return DeleteSubmit()' /> </form> <script language='javascript' type='text/javascript' src='js/subscription.js'> </script>