第三章

最新推荐文章于 2022-06-07 13:02:47 发布

weixin_43024784

最新推荐文章于 2022-06-07 13:02:47 发布

阅读量178

点赞数

分类专栏：作业文章标签： s

本文链接：https://blog.csdn.net/weixin_43024784/article/details/83538792

版权

作业专栏收录该内容

47 篇文章 0 订阅

订阅专栏

1.标签的for属性表示什么？
for属性来指定当鼠标单击标注文本时，焦点对应的表单元素。

2.那些元素自身就有验证功能？
input中的Email类型、url类型、number类型

3.3.请用HTML5实现申请单表单。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>申请表</title>
</head>
<body>
<h2>申请表</h2>
<form>
  <p>姓名:<input name="" type="text"/></p>
  <p>教育程度:<input name="w"type="radio" value="硕士"checked/>硕士
  <input name="w"type="radio" value="博士"/>博士</p>
  <p>常用邮箱：<input name="s" type="email"/></p>
  <p>性别：<input name="d" type="radio" value="男"checked/>男
  <input name="d" type="radio" value="女"checked/>女</p>
  <p>年龄:<input name="" type="text"/></p>
  <p>月薪:<input name="" type="text"/></p>
 附注: <textarea name="ss" cols="40" rows="6">请在这里输入附注</textarea>
  <p>国籍<select name="bbi">
    <option value="1">澳大利亚</option>
    <option value="2">美国</option>
    <option value="3">日本</option>
    <option value="4">新加坡</option>
  </select></p>
  <p>
    <input name="ssdw" type="submit" value="提交">
    <input name="sskk" type="reset" value="重置">
  </p>
</form>
</body>
</html>

4.请用HTML5实现电子调查表表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电子产品调查问卷</title>
</head>
<body>
<h2>American Metric 电子产品调查表</h2>
<form>
  <p>姓名:<input name="" type="text" placeholder="输入必须是2~6位字符"/></p>
  <p>
    购买日期:<select name="sd">
      <option value="">选择年份</option>
      <option value="1">1995年</option>
      <option value="2">1996年</option>
      <option value="3">1997年</option>
      <option value="4">1998年</option>
      <option value="5">1999年</option>
      <option value="6">2000年</option>
    </select>年
    <select name="d">
      <option value="">选择月份</option>
      <option value="1">1月</option>
      <option value="2">2月</option>
      <option value="3">3月</option>
      <option value="4">4月</option>
      <option value="5">5月</option>
      <option value="6">6月</option>
      <option value="7">7月</option>
      <option value="8">8月</option>
      <option value="9">9月</option>
      <option value="10">10月</option>
      <option value="11">11月</option>
      <option value="12">12月</option>
    </select>
    <select name="f">
      <option value="">选择日期</option>
      <option value="1">1日</option>
      <option value="1">2日</option>
      <option value="1">3日</option>
      <option value="1">4日</option>
      <option value="1">5日</option>
      <option value="1">6日</option>
      <option value="1">7日</option>
      <option value="1">8日</option>
      <option value="1">9日</option>
      <option value="1">10日</option>
      <option value="1">11日</option>
      <option value="1">12日</option>
      <option value="1">13日</option>
      <option value="1">14日</option>
      <option value="1">15日</option>
      <option value="1">16日</option>
      <option value="1">17日</option>
      <option value="1">18日</option>
      <option value="1">19日</option>
      <option value="1">20日</option>
      <option value="1">21日</option>
      <option value="1">22日</option>
      <option value="1">23日</option>
      <option value="1">24日</option>
      <option value="1">25日</option>
      <option value="1">26日</option>
      <option value="1">27日</option>
      <option value="1">28日</option>
      <option value="1">29日</option>
      <option value="1">30日</option>
      <option value="1">31日</option>
    </select>
  </p>
  <p>电子邮件地址:<input name="" type="email"placeholder="www.baidu.com"/></p>
  <p>手机号码:<input name="" type="text" required pattern="^1[358]\d{9}"placeholder="输入必须是以13/15/18开头的11位数字"size="35"/></p>
  <p>您是否看过我们的在线产品目录？<input name="v" type="radio" value="是" checked/>是
 <input name="v" type="radio" value="否" />否</p>
  如果查看过，您对哪些产品感兴趣购买？（选择提供的商品）</br>
  <input name="hh" type="checkbox"value="大屏幕电视机" checked/>大屏幕电视机
  <input name="hh" type="checkbox"value="音频设备" />音频设备
  <input name="hh" type="checkbox"value="视频设备" />视频设备
  <input name="hh" type="checkbox"value="相机" />相机
<p>在填写订单之前，您还有什么问题.意见或建议？</p></br>
  <textarea name="" cols="40" rows="6">请您输入：</textarea>
  <p><input name="" type="submit" value="提交">
  <input name="" type="reset" value="重置"disabled></p>
</form>
</body>
</html>