<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
</style>
</head>
<body>
<form action="">
<div>
<h2>American Metric 电子产品调查表</h2>
<p>姓名: <input type="text" placeholder="输入必须是2-6为字符" minlength="2" maxlength="6"></p>
<p>
购买日期: <input type="text" style="width:80px ;"> 年
<select>
<option>1月</option>
<option>2月</option>
<option>3月</option>
<option>4月</option>
<option>5月</option>
<option>6月</option>
<option>7月</option>
<option>8月</option>
<option>9月</option>
<option>10月</option>
<option>11月</option>
<option>12月</option>
</select>
月
<select name="" id="">
<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="">28</option>
<option value="">29</option>
<option value="">30</option>
<option value="">31</option>
</select>
日
</p>
<p>电子邮件地址: <input type="email" placeholder="www.baidu.com"></p>
<p>手机号码: <input type="text" placeholder="输入必须是以13/15/18开头的11位数字"></p>
<p>您是否查看过我们的在线产品目录? <input type="radio" name="q" id="yes"><label for="yes">是</label><input type="radio" name="q"
id="no"><label for="no">否</label></p>
<p>如果查看过,您对哪些产品有兴趣购买?(选择提供的产品)</p>
<p><input type="checkbox">大屏幕电视机 <input type="checkbox">音频设备 <input type="checkbox">视频设备 <input
type="checkbox">相机</p>
<p>在填写订单之前,您还有什么问题、意见或建议?</p>
<p><textarea name="" id="" cols="30" rows="5" placeholder="您的输入:"></textarea></p>
<p>
<input type="submit" value="提交">
<input type="reset" value="重置" disabled>
</p>
</div>
</form>
</body>
</html>运行效果如图：
扫一扫
185
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
