T-HTML基础-day04-表单

文章目录

十.表单

  1. 表单的控件
    7. 浮动框架(不属于表单的内容)
    在一个html文件中,引入其他的html文件
    <iframe></iframe>
    属性:①src,要被引入的html文件的路径;②width/height,框架的宽高;③frameborder="0"去除框架的边框;④scrolling="no"去除滚动条
  2. H5新表单元素
    1. 邮箱
      <input type="email" name="email">
      表单提交时,对邮箱格式做了简单的验证(验证有没有@,并且@前后有没有内容)
    2. 搜索类型
      <input type="search" name="search">
      控件提供了一个快速删除的小叉叉
    3. 网址类型
      <input type="url" name="url">
      验证输入的内容,是不是以http:/https:开头
    4. 电话号码类型
      <input type="tel" name="tel">
      移动端弹出虚拟键盘
    5. 数字类型
      <input type="number" name="number">
      属性:①max="20",设置可以提交的最大值;②min="10",设置可以提交的最小值;③step="2",设置步长(每次增加或减少2)
    6. 范围类型
      <input type="range" name="range">
      提供了一个数字滑块,但是看不到数字
      属性:①max="20",设置可以提交的最大值;②min="10",设置可以提交的最小值;③step="2",设置步长(每次增加或减少2)
    7. 颜色类型
      <input type="color" name="color">
      创建一个允许用户使用颜色选择器
    8. 日期类型
      <input type="date" name="date">
    9. 月份类型
      <input type="month" name="month">
    10. 周类型
      <input type="week" name="week">
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章