T-HTML基礎-day04-表單

十.表單

4. 表單的控件
   7. 浮動框架（不屬於表單的內容）
   在一個html文件中，引入其他的html文件
   <iframe></iframe>
   屬性：①src，要被引入的html文件的路徑；②width/height，框架的寬高；③frameborder="0"去除框架的邊框；④scrolling="no"去除滾動條
5. 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">