HTML5新特性多媒体标签 input标签

最新推荐文章于 2024-07-12 20:49:16 发布

MAX--李

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量166

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_41935315/article/details/105510370

版权

HTML5新特性

链接：input特性
1. HTML5新增语义标签

   header    :头部标签
   nav：导航标签
   article：内容标签
   section：定义文档标签
   aside：侧边栏标签
   footer：尾部标签**等等
   注意点：这种语义化标签针对的是搜索引擎，可以多次使用，在IE9需要将他们转换为块级元素

2. HTML5多媒体标签
音频支持
1》音频：audio
音频标签
标签属性设置
音频标签属性

   **2》视频：video**

视频标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }


        video {
            height: 500px;
            width: 100%;
            margin-top: 20px;

        }


    </style>
</head>
<body>
<video src="D://media//mi.mp4" autoplay="autoplay" controls="controls" loop="loop" muted="muted"   height="500px;"
     poster="img/abcd.jpg">

</video>
</body>
</html>

3.input新增表单

<form action="">
    <ul>
        <li>电子邮件: <input type="email" ></li>
        <li>时间：<input type="time" ></li>
        <li>电话：<input type="tel" ></li>
        <li>电子邮件: <input type="url" ></li>
        <li>日期：<input type="date" ></li>
        <li>周：<input type="week" ></li>
        <li>搜索框：<input type="search"></li>
        <li>颜色：<input type="color"></li>
<!--        点击提交按钮就可验证表单-->
        <li><input type="submit" value="提交"></li>
    </ul

type
4.HTml新增表单属性

!--想要验证，必须添加form表单域-->
<form action="">

        <input type="search" name="" id="" required="required" placeholder="在干嘛" autocapitalize="off">
        <input type="submit" value="提交">

</form>

MAX--李

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5新特性多媒体标签 input标签

HTML5新特性**1. HTML5新增语义标签 :头部标签：导航标签：内容标签：定义文档标签：侧边栏标签：尾部标签等等注意点：这种语义化标签针对的是搜索引擎，可以多次使用，在IE9需要将他们转换为块级元素HTML5多媒体标签**1》音频：标签属性设置2》视频：<!DOCTYPE html><html lang="en">...
复制链接

扫一扫