作业

29 篇文章 0 订阅
27 篇文章 1 订阅

1.

2.哪些元素自身就有验证功能?
数字类型、邮箱类型等一部分表单有自身验证功能

<h1>申请表</h1>
	姓名:<input type="text"><br/><br>
	教育程度:
	<input name="checkbox" type="checkbox" id="checkbox">
    <label for="checkbox">硕士</label>
<input type="checkbox" name="checkbox2" id="checkbox2">
<label for="checkbox2">博士 </label>
<p>常用邮箱:
  <label for="textfield"></label>
  <input type="text" name="textfield" id="textfield">
  <br>
</p>
	<p>性别:
  <input type="radio" name="radio" id="radio" value="radio">
	  男
	  <input type="radio" name="radio2" id="radio2" value="radio2">
女</p>
	<p>年龄:
	  <label for="textfield2"></label>
      <input type="text" name="textfield2" id="textfield2">
</p>
<p>月薪:
	  <input type="text" name="textfield3" id="textfield3">
</p>
	<p>附注:
	  <textarea name="textarea" rows="5" id="textarea"></textarea>
</p>
<p>国籍
	  <select name="select" id="select">
	    <option>澳大利亚</option>
	    <option>中国</option>
	    <option>美国</option>
      </select>
</p>
	<p>
	  <input type="submit" name="submit" id="submit" value="提交">&nbsp;
	  <input type="reset" name="reset" id="reset" value="重置">
	  <br>
</p>
<h1>American Metric电子产品调查表</h1>
	<p>姓名:
	  <input type="text" name="textfield" id="textfield">
</p>
	<p>购买日期:
	  <input name="textfield2" type="text" id="textfield2" size="20">
	年
	<select name="select" id="select">
	  <option>12</option>
	  <option>11</option>
	  <option>10</option>
	  <option>9</option>
	  <option>8</option>
	  <option>7</option>
	  <option>6</option>
	  <option>5</option>
	  <option>4</option>
	  <option>3</option>
	  <option>2</option>
	  <option>1</option>
	  </select>
	月
	<select name="select2" id="select2">
	  <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>
	  <option>13</option>
	  <option>14</option>
	  <option>15</option>
	  <option>16</option>
	  <option>17</option>
	  <option>18</option>
	  <option>19</option>
	  <option>20</option>
	  <option>21</option>
	  <option>22</option>
	  <option>23</option>
	  <option>24</option>
	  <option>25</option>
	  <option>26</option>
	  <option>27</option>
	  <option>28</option>
	  <option>29</option>
	  <option>30</option>
	  <option>31</option>
	  </select>
	日</p>
<p>电子邮件地址:
  <input name="textfield3" type="text" id="textfield3" size="40">
</p>
<p>手机号码:
  <input name="textfield4" type="text" id="textfield4" size="50">
</p>
<p>您是否查看过我们的在线产品目录?
  <label>
    <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0">
    是</label>
 
  <label>
    <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1">
    否</label>
</p>
<p>如果查看过,您对哪些产品有兴趣购买?(请选提供的产品)</p>
<p>
  <label>
    <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_0">
    大屏幕电视机</label>
  
  <label>
    <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_1">
    音频设备</label>
  
  <label>
    <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_2">
    视频设备</label>
  
  <label>
    <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_3">
    相机</label>
</p>
<p>在填写订单之前,您还有什么问题、意见或建议?</p>
<p>
  <textarea name="textarea" cols="55" rows="5" id="textarea"></textarea>
</p>
<p>
  <input type="submit" name="submit" id="submit" value="提交">
  <input type="reset" name="reset" id="reset" value="重置">
  <br>
  
</p>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值