V5Shop FORM表單樣式操作

導(dǎo)航: 上一頁

FORM表單相關(guān)字段

• 實(shí)現(xiàn)功能：

搜索表單、登錄表單、商品評論表單、文章評論表單、留言表單、找回密碼、郵件訂閱

• 相關(guān)字段以及生成的代碼：

搜索表單：

 <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">發(fā)貨通知</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="看不清，點(diǎn)擊換一張" 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="提交查詢內(nèi)容" />
</form>

商品評論表單：

<form action="[$syspath]product.aspx?id={cid}" method="post" name="pswbackform">
<input type="hidden" name="act" value="review" />評論標(biāo)題：
<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" />評論內(nèi)容：
<textarea id="content" rows="5" cols="60" name="content"></textarea>
<input type="submit" onClick='return CheckReviewForm()' name="Submit2" value="我要發(fā)表" />
</form>

文章評論表單：

<form action="[$syspath]article.aspx?id={cid}" method="post" name="pswbackform">
<input type="hidden" name="act" value="review" />評論標(biāo)題：
<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" />評論內(nèi)容：
<textarea id="content" rows="5" cols="60" name="content"></textarea>
<input type="submit" onClick='return CheckReviewForm()' name="Submit2" value="我要發(fā)表" />
</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="我要發(fā)表" />
</form>

找回密碼：

<form method="post" onsubmit='this.action = ' name="pswbackform">
<input type="hidden" name="act" value="psw" />注冊帳號：
<input class="input" name="username" type="text" />保護(hù)問題：
 <select name="question">
  <option value="你最喜歡的食物是什么？" selected="selected">你最喜歡的食物是什么？</option>
</select>保護(hù)答案：
& 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>

相關(guān)條目

• osCommerce
• Joomla
• ECShop
• ECMall
• ShopEX

參考來源

• 參考來源