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>

参考来源[ ]

参考来源

WIKI使用导航

站长百科导航

站长专题

V5Shop FORM表单样式操作

FORM表单相关字段[ ]

相关条目[ ]

参考来源[ ]