使用HTML5和CSS3開發電子商務網站——第三張課後作業
阿新 • • 發佈：2019-01-25
1.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>申請表</title> </head> <body> <form method="post" action=""> <h1>申請表</h1> <p><label for="b">姓名：<input type="text" name="姓名" id="b"/></p> <p>教育程度：<input type="checkbox" checked />碩士<input type="checkbox" id="d"/>博士</p> <p><label for="a"> 常用郵箱：</label><input type="email" id="a" required/> </p> <p>性別：<input type="radio" name="sex"/>男<input type="radio" name="sex"/>女</p> <p><label for="age">年齡：</label><input type="text" name="age" id="age" size="30"/> </p> <p><label for="yue">月薪：</label><input type="text" id="yue" size="20" id="yue"/> </p> <p> 附註：<textarea name="textarea" placeholder="請在這裡鍵入附註" cols="20" rows="5"></textarea> </p> <p>國籍： <select name="國籍"> <option value="America">美國</option> <option value="Australian">澳大利亞</option> <option value="Japan">日本</option> <option value="Singapore">新加坡</option> </select> </p> <p><input type="submit" value="提交"/> <input type="submit" value="重置"/> </p> </form> </body> </html>
2.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>電子產品調查問卷</title> </head> <body> <h1>America Metric電子產品調查表</h1> <form method="post" action=""> <p>姓名：<input style="text" name="name" placeholder="輸入必須是2-6為字元"/></p> <p>購買日期：<input type="text" name="年" required/>年 <select name="月"> <option value="1">一</option> <option value="2">二</option> <option value="3">三</option> <option value="4">四</option> <option value="5">五</option> <option value="6">六</option> <option value="7">七</option> <option value="8">八</option> <option value="9">九</option> <option value="10">十</option> <option value="11">十一</option> <option value="12">十二</option> </select>月 <select name="月"> <option value="1">一</option> <option value="2">二</option> <option value="3">三</option> <option value="4">四</option> <option value="5">五</option> <option value="6">六</option> <option value="7">七</option> <option value="8">八</option> <option value="9">九</option> <option value="10">十</option> <option value="11">十一</option> <option value="12">十二</option> <option value="13">十三</option> <option value="14">十四</option> <option value="15">十五</option> <option value="16">十六</option> <option value="17">十七</option> <option value="18">十八</option> <option value="19">十九</option> <option value="20">二十</option> <option value="21">二十一</option> <option value="22">二十二</option> <option value="23">二十三</option> <option value="24">二十四</option> <option value="25">二十五</option> <option value="26">二十六</option> <option value="27">二十七</option> <option value="27">二十八</option> <option value="29">二十九</option> <option value="30">三十</option> </select>日 </p> <p>電子郵件地址：<input type="email" name="email" placeholder="www.baidu.com"/></p> <p>手機號碼：<input type="text" placeholder="輸入的必須是13/15/18開頭的11位數字" pattern="^1[358]\d{9}"/> </p> <p>您是否檢視過我們的線上產品目錄？<input type="radio" checked name="name"/>是 <input type="radio" name="name"/>否 </p> <p>如果檢視過，您對哪些產品有興趣購買？（選擇提供的商品）</p> <input type="checkbox"/> 大螢幕電視 <input type="checkbox"/> 音訊裝置 <input type="checkbox"/> 視訊裝置 <input type="checkbox"/> 相機 <p>在填寫訂單之前，您還有什麼問題、意見或建議？</p> <textarea name="textarea" rows="4" cols="40">您的輸入：</textarea> <p><input type="submit" value="提交" /> <input type="submit" value="重置" disabled/></p> </form> </body> </html>