菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-毛少涵-20221122 [打印本页]

作者: 微小星晨 时间: 2022-11-23 00:28
标题: 前端-毛少涵-20221122
今日学习内容：

HTML5

HTML5的新特性

增加了一些新的标签、新的表单和新的表单属性等等，一般只支持IE9以上版本的浏览器，如果我们不去考虑兼容性问题，可以大量使用。

HTML5常用标签

优点：语义更加明确

便于浏览器进行解析

缺点：大部分的标签只有Chrome 和 Safari支持。

HTML5新增的Input类型

新增的type属性值

email限制用户输入内容必须为邮箱

url限制用户输入的内容必须为url地址

date生成日期控件

time生成时间控件

month生成月份选择控件

week生成周数选择控件

number限制用户输入的内容必须为数字

search可以将用户输入的内容进行清除

color生成一个颜色选择表单元素

HTML5新增表单属性

placeholder给表单元素添加提示文本，和value同时使用时则不会进行提示文本的展示

multiple属性值为：multiple可以多选文件进行提交

required属性值为：required校验当前元素是必填项

autofocus属性值为：autofocus当页面刷新时自动聚到到指定的表单元素

autocomplete属性值为on/off选择是否记录用户提交过的内容，on代表记录，off代表不记录

注意：使用该属性时，必须要加上name属性才可以生效

HTML5新增的多媒体标签

<video>标签

H5可以在不使用插件的情况下，可以使用原生的标签来支持视频格式文件的播放。