一、输入框实练操作
<!--以下代码是输入框的每一种方式-->
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form action="">
<fieldset>
<legend>学生档案</legend>
<label>姓名:<input type="text" placeholder="请输入学生名字"/><br /><br /></lebel>
<label>手机号:<input type="tel" /><br /><br /></lebel>
<label>邮箱:<input type="email" /><br /><br /></lebel>
<label>所属学院:<input type="text" blaceholder="请选择学院" list="xueyuan"/>
<datalist id=xueyuan>
<option>java学院</option>
<option>前端学院</option>
<option>php学院</option>
<option>设计学院</option>
</datalist>
<br /><br />
<label>出生日期:<input type="date" /><br /><br /></lebel>
<label>成绩:<input type="unmber" /><br /><br /></lebel>
<label>毕业时间:<input type="date" /><br /><br /></lebel>
<input type="submit" /><input typt="reste" />
</fieldset>
</form>
</bodt>
</html>
展示结果图片如下:
2.Html网页如何播放音乐
当前audio元素支持三种音频格式:
Ogg MP3 Wav 一共是这三种模式
格式为body里面写入:
<audio controls autoplay> 注:可以不用输入controls和autoplay是有默认值的 如果输入controls就代表你进来它就自动开始播放
如果输入controls 是会显示出被隐藏了按键 比如进度条这种
<source src="./music/See YOu Again.mp3">
<source src="./music/See YOu Again.wav">
<source src="./music/See YOu Again."ogg>
</sudio>
黄色的字体是音频所在的地址
由于版权等原因,不懂的游览器可支持的格式是不一样的,一般上面第一和第二条的代码一并输入基本上所有的游览器都能播放
以上
3引入网上视频(非常简单)
该如何引入网上视频 将视频放入自己做的网站:
标签为:<embed src=****************></embed>
红色的地方是网页上面HTML方式的地址,复制粘贴进来就能使用
4导入视频
先介绍使用方法标签不知道的看下面介绍:
在body下输入
<video ****** ******> 这里可以添加controls 和autoplay,如不添加就是默认值
<source src="mp4.mp4"> 黄色字体为视频地址
<source src="movie04.ogg">
</video>
通过附加属性可以更友好的控制视频的播放
autoplay 自动播放
controls 是否显示默认播放控件
loop 循环播放
width 设置播放窗口的高度
由于版本等原因,不同的浏览器可支持播放的格式是不一样的,如下图共产靠