html5新增标签

最新推荐文章于 2021-02-12 21:26:31 发布

婉菡

最新推荐文章于 2021-02-12 21:26:31 发布

阅读量78

点赞数

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/gcyqweasd/article/details/113280308

版权

前端专栏收录该内容

64 篇文章 1 订阅

订阅专栏

 <!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>

在这里插入图片描述

婉菡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5新增标签

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>html5新增标签</title> </head> <body>  <header>aaaaaaaaaaaa</header><!-.
复制链接

扫一扫