💡
HTML5
  • HTML5
  • 1. 簡介
    • 1.1 講者簡介
    • 1.2 課程簡介
    • 1.3 環境準備
  • 2. HTML5 元素
    • 2.1 語意結構標籤
    • 2.2 input 標籤的類型與屬性
    • 2.3 media 相關標籤
    • 2.4 圖形相關標籤
  • 3. History
    • 3.1 API 及相關說明
    • 3.2 練習
  • 4. Web Storage
    • 4.1 localStorage 與 sessionStorage 簡介
    • 4.2 資料儲存
    • 4.3 資料擷取
    • 4.4 資料更新
    • 4.5 資料刪除
    • 4.6 練習
  • 5. Fullscreen
    • 5.1 API 及相關說明
  • 6. File
    • 6.1 基本使用
    • 6.2 解析 CSV
  • 7. Drag and Drop
    • 7.1 簡介及主要事件說明
    • 7.2 練習 - 拖曳元素
    • 7.3 練習 - 其它事件
  • 8. Geolocation
    • 8.1 簡介
    • 8.2 相關 API 及範例
  • 9. Web Workers
    • 9.1 簡介
    • 9.2 Dedicated Worker
  • 10. 作業
  • 11. 參考資料
Powered by GitBook
On this page
  • HTML5 新的 input 標籤類型
  • HTML5 新的 input 標籤屬性
  1. 2. HTML5 元素

2.2 input 標籤的類型與屬性

Previous2.1 語意結構標籤Next2.3 media 相關標籤

Last updated 10 months ago

HTML5 新的 input 標籤類型

例:

HTML5 新的 input 標籤屬性

例:

其中 readonly 、disabled 需要特別留意,加上 disabled 屬性的欄位,在表單送出資料的時候,並不會送出資料。如果要送出資料,可以使用 readonly 屬性。

上述範例的 codepen 網址:

參考:。

建立 form_get_post.html,測試 GET 與 POST:

建立 form_file_post.html , 測試檔案的 POST:

參考:。

https://codepen.io/carlos411/pen/vYOmaoE
HTML Input Types
https://codepen.io/carlos411/pen/RwzwayG
https://codepen.io/carlos411/pen/zYVYqjQ
HTML Input Attributes