html5新增标签

 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>html5新增标签</title>
	</head>
	<body>
		<!--<div id="header">aaaaaaa</div>-->
		<header>aaaaaaaaaaaa</header><!--样式同上边一样-->
		<!--
        	video:用于播放视频文件
        	src:指定要播放的视频文件的路径
        	autoplay:浏览器加载完视频之后自动播放
        	controls:显示播放控件
        	muted:静音播放
        	loop:循环播放
        -->
        <video src="img/1.mp4" autoplay="autoplay" controls="controls" 
        	width="500px" height="500px" muted="muted" loop="loop"></video>
        	
        <audio src="img/2.mp3" autoplay="autoplay" controls="controls" 
        	muted="muted" loop="loop"></audio>
        
        <form action="" method="">
        	<div>
        		请输入您的邮箱:<input type="email" /><!--自动校验-->
        	</div>
        	<div>
        		请输入您的年龄:<input type="number" /><!--非数字输入不进去-->
        	</div>
        	<div>
        		请输入您的电话号码:<input type="tel" />
        	</div>
        	<div>
        		滚动条:<input type="range" min="1" max="10" />
        	</div>
        	<div>
        		请选择喜欢的颜色:<input type="color" />
        	</div>
        	<div>
        		请输入出生日期:<input type="date" />
        	</div>
        	<div>
        		年龄:<input type="text" value="20" readonly="readonly" /><!--只读文本域,显示值为20-->
        	</div>
        	<div>
        		<button type="submit" disabled="disabled">提交</button><!--只读,设置表单不可用-->
        	</div>
        	
        </form>
	</body>
</html>

在这里插入图片描述在这里插入图片描述在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页