console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>电子产品调查表</title>
<style>
body{
background-color: pink;
}
.H{
font-family: "隶书";
}
</style>
</head>
<body>
<h1 class="H">American Metric 电子产品调查表</h1>
<form action="#">
<p>
<label for="user">姓名：</label>
<input type="text" id="user" name="Name" size="30" required placeholder="输入必须是2-6位字符" />
</p>
<p>
<label for="date">购买日期：</label>
<input type="text" id="date" name="Date" size="6">年
<select name="Month" id="month">
<option value="">01</option>
<option value="">02</option>
<option value="">03</option>
<option value="">04</option>
<option value="">05</option>
<option value="">06</option>
<option value="">07</option>
<option value="">08</option>
<option value="">09</option>
<option value="">10</option>
<option value="">11</option>
<option value="">12</option>
</select> 月
<select name="Date" id="date">
<option value="">01</option>
<option value="">02</option>
<option value="">03</option>
<option value="">04</option>
<option value="">05</option>
<option value="">06</option>
<option value="">07</option>
<option value="">08</option>
<option value="">09</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="">28</option>
<option value="">29</option>
<option value="">30</option>
<option value="">31</option>
</select> 日
</p>
<P>
<label for="email">电子邮件地址：</label>
<input type="email" id="email" name="Email" size="30" required placeholder="www.baidu.com" />
</P>
<P>
<label for="tel">手机号码：</label>
<input type="text" id="tel" name="Name" size="40" required placeholder="输入必须是以13/15/18开头的11为数字" />
</P>
<P>您是否查看过我们的在线产品目录？
<input type="radio" name="Online catalog" value="Yes" checked/>是
<input type="radio" name="Online catalog" value="No" />否
</P>
<P>如果查看过，您对哪些产品有兴趣购买？ （选择提供的产品）<br/>
<input type="checkbox" name="Product interest" value="Big Screen TV"> 大屏幕电视机
<input type="checkbox" name="Product interest" value="Audio equipment">音频设备
<input type="checkbox" name="Product interest" value="Video equipment">视频设备
<input type="checkbox" name="Product interest" value="Camera Equipment">相机
</P>
<P>在填写订单之前，您还有什么问题、意见或建议？
<BR>
<textarea name="Comments" rows="3" cols="50">您的输入： </textarea>
</P>
<P>
<input type="submit" value=" 提 交 ">
<input type="reset" value=" 重 置 " disabled>
</P>
</form>
<form action="#">
<p>
<label for="user">姓名：</label>
<input type="text" id="user" name="Name" size="30" required placeholder="输入必须是2-6位字符" />
</p>
<p>
<label for="date">购买日期：</label>
<input type="text" id="date" name="Date" size="6">年
<select name="Month" id="month">
<option value="">01</option>
<option value="">02</option>
<option value="">03</option>
<option value="">04</option>
<option value="">05</option>
<option value="">06</option>
<option value="">07</option>
<option value="">08</option>
<option value="">09</option>
<option value="">10</option>
<option value="">11</option>
<option value="">12</option>
</select> 月
<select name="Date" id="date">
<option value="">01</option>
<option value="">02</option>
<option value="">03</option>
<option value="">04</option>
<option value="">05</option>
<option value="">06</option>
<option value="">07</option>
<option value="">08</option>
<option value="">09</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="">28</option>
<option value="">29</option>
<option value="">30</option>
<option value="">31</option>
</select> 日
</p>
<P>
<label for="email">电子邮件地址：</label>
<input type="email" id="email" name="Email" size="30" required placeholder="www.baidu.com" />
</P>
<P>
<label for="tel">手机号码：</label>
<input type="text" id="tel" name="Name" size="40" required placeholder="输入必须是以13/15/18开头的11为数字" />
</P>
<P>您是否查看过我们的在线产品目录？
<input type="radio" name="Online catalog" value="Yes" checked/>是
<input type="radio" name="Online catalog" value="No" />否
</P>
<P>如果查看过，您对哪些产品有兴趣购买？ （选择提供的产品）<br/>
<input type="checkbox" name="Product interest" value="Big Screen TV"> 大屏幕电视机
<input type="checkbox" name="Product interest" value="Audio equipment">音频设备
<input type="checkbox" name="Product interest" value="Video equipment">视频设备
<input type="checkbox" name="Product interest" value="Camera Equipment">相机
</P>
<P>在填写订单之前，您还有什么问题、意见或建议？
<BR>
<textarea name="Comments" rows="3" cols="50">您的输入： </textarea>
</P>
<P>
<input type="submit" value=" 提 交 ">
<input type="reset" value=" 重 置 " disabled>
</P>
</form>
</body>
</html>