H5新增的标签小结

web.jpeg

常用的新标签

 
页面的头部

    
语义：导航条

    
语义：文章

    
语义：部分 区块 
    
    
语义：定义侧边栏

    
语义：页面的底部

 

语义：可将表单内的相关元素分组，打包，legend搭配使用

image.png

• datalist

image.png

• fieldset将表单元素分组，打包标签

    

        
用户登录
        用户名:


        密码:
    
    

image.png

• 新增表单input的 类型（type）
  • type="email" 输入邮箱的格式
  • tel 输入手机号的格式
  • url 输入URL格式
  • number 输入数字的格式
  • search 搜索框语义话
  • range 自由拖动的滑块
  • time 小时分钟
  • date 年月日
  • datetime 时间
  • month 月年
  • week 星期
  • color 颜色

 

       邮箱 
    

新属性

• placeholder 占位符 和 autofocus 自动获取焦点

• multiple可选择多个文件 上传

 上传文件:

• autocomplete 表单是否启用自动完成功能，自动记录，必须提交过一次，在下次输入的时候 会自动填充提示

1.需要提交按钮 2.name值 
   

        

        
    

image.png

• required 必须填

image.png