HTML5 移動裝置常用的HTML5表單元素 - 4

%h2= "第五章 移動裝置常用的HTML5表單元素"

%form

  %p= "1. placeholder 屬性 給文本框添加提示内容"

  %input{:type => 'text', :placeholder => "請輸入内容"}

  %p= "2. autofocus 屬性 自動擷取焦點"

  %input{:autofocus => true}

  %p= "3. list datalist 屬性 list資料由datalist 提供"

  %input{:list => true, :datalist => ['1','2','3']}

  %p= "4. autocomplete 屬性 自動完成輸入 on 開啟 off 關閉"

  %input{:autocomplete => 'on'}

  %p= "5. required 屬性 如果此為空 則無法送出表單"

  %input{:required => true}

  %p= "6. search 屬性   safari & chrome"

  %input{:type => :search}

  %p= "7. email 屬性  safari "

  %input{:type => :email}

  %p= "8. number 屬性  safari "

  %input{:type => :number}

  %p= "9. range 屬性  safari "

  %input{:type => :range}

  %p= "10. tel 屬性  safari "

  %input{:type => :tel}

  %p= "11. url 屬性  safari "

  %input{:type => :url}

  %p= "12. datetime 屬性  safari "

  %input{:type => :datetime}

  %p= "13. datetime-local 屬性  safari "

  %input{:type => :datetime}

  %p= "14. Time 屬性  safari "

  %input{:type => :Time}

  %p= "15. Date 屬性  safari "

  %input{:type => :Date}

  %p= "16. Week 屬性  safari "

  %input{:type => :Week}

  %p= "17. Month 屬性  safari "

  %input{:type => :Month}