我是靠谱客的博主 犹豫洋葱，最近开发中收集的这篇文章主要介绍前端学习_Series1_01.HTML5新增标签HTML5中几个常用的标签：表单form中新增的三个属性表单form中的几个类型做一个range网页背景调色audio音频和video视频标签360音乐导航，觉得挺不错的，现在分享给大家，希望可以做个参考。
概述
- HTML5中几个常用的标签
- 表单form中新增的三个属性
- 表单form中的几个类型
- 做一个range网页背景调色
- audio音频和video视频标签
- 360音乐导航
HTML5中几个常用的标签：
header：头部
nav：导航条
section：区块，相当于原来的div
footer：尾部
aside：侧边
article：内容区域
表单form中新增的三个属性
required：是否是必须填写的
placeholder：默认值（在不填写的情况显示的内容）
autofocus：自动聚焦
例子如下：
<head>
<meta charset="UTF-8">
<title>表单新增的3个属性</title>
<!--<script>
document.getElementById("bt").onclick=function(){
var username = document.getElementById("name");
if (username == null) {
alert("请填写姓名");
} else {
document.getElementById("pass").innerHTML = username;
}
}
</script>-->
</head>
<body>
<form>
姓名：<input id="name" type="text" name="username" required placeholder="请输入姓名...." autofocus="autofocus"/> <!--密码：
<input id="pass" type="text" name="password" />-->
<input id="bt" type="button" value="提交"/>
</form>
</body>
“`
表单form中的几个类型
email：邮件
date：日期
url：网址
number：数字
range：范围
color：颜色
select：选择框
optgroup：选项
datalist：列表
例子如下
做一个range网页背景调色
- 主要是使用三个range标签获得每个标签的颜色
- 然后使用jQuery来使得网页的背景颜色发生改变
截图如下：
audio音频和video视频标签
- audio，音频标签，src属性是音乐的位置，autoplay属性表示是否是在页面加载的时候就自动播放，controls属性表示是否加载一个控制台的样式来控制音乐的播放，暂停和音量等等。
- video，视频标签，也有src，autoplay和controls三个属性，效果同audio标签。
- 截图如下：
360音乐导航
最后
以上就是犹豫洋葱为你收集整理的前端学习_Series1_01.HTML5新增标签HTML5中几个常用的标签：表单form中新增的三个属性表单form中的几个类型做一个range网页背景调色audio音频和video视频标签360音乐导航的全部内容，希望文章能够帮你解决前端学习_Series1_01.HTML5新增标签HTML5中几个常用的标签：表单form中新增的三个属性表单form中的几个类型做一个range网页背景调色audio音频和video视频标签360音乐导航所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[Python] 练习代码](/uploads/reation/bcimg2.png)
发表评论 取消回复