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}