HTML相关知识点总结(4)

实现多选框必须满足的条件
1.必须要有input type=" checkbox"
2.必须有value=“XXX” value:多选框的值
3.必须有name=“XXX” 且框的内容相同 name:表示组

<p>爱好 <input type="checkbox" value="sleep"/>睡觉 <input type="checkbox" value="code"/>编码 <input type="checkbox" value="chat"/>聊天 <input type="checkbox" value="game"/>游戏 </p>

表单元素格式

属性 说明
type   指定元素的类型.text,password,checkbox,radio,submit,reset,file,hidden,image和button,默认为text  
name   指定表单元素的名称  
value   元素的初始值.type为radio时必须指定一个值(在框里没写东西之前会显示value)  
size   指定表单元素的初始宽度.当type为text或password时,表单元素的大小以字符为单位.对于其他类型,宽度以像素为单位  
maxlength   type为text或password时,输入的最大字符数,多了就输不进去了  
checked   type为radio或checkbox时,指定按钮是否是被选中  

HTML5新增了很多的输入类型,如下所示。

HTML5 增加了多个新的输入类型:

l color

l date

l datetime

l datetime-local

l email

l month

l number

l range

l search

l tel

l time

l url

l week

注释:老式 web 浏览器不支持的输入类型,会被视为输入类型 text。

<select> 元素(下拉列表)

<select> <option value="volvo">Volvo\</option> <option value="saab">Saab\</option> <option value="fiat">Fiat\</option> <option value="audi">Audi\</option> </select>

<textarea> 元素(文本域)

<textarea rows="10" cols="30"> The cat was playing in the garden. </textarea>

文件域

<p> <input type="file"> </p>

滑块

<p>音量 <input type="range" min="0" max="100" step="2"> </p>

搜索

<p>搜索: <input type="search"> </p>

按钮

<p>按钮: <input type="button" value="点击变长"> </p> <!-- 按钮 input type="button" 普通按钮 input type="image" 图像按钮 input type="submit" 提交按钮 input type="reset" 重置按钮 -->

多媒体元素

在HTML中也提供了对于音频和视频的支持。

在 HTML 中播放声音的方法有很多种。

在 HTML 中播放音频并不容易!

您需要谙熟大量技巧,以确保您的音频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。

使用插件

浏览器插件是一种扩展浏览器标准功能的小型计算机程序。

插件有很多用途:播放音乐、显示地图、验证银行账号,控制输入等等。

可使用<object>或<embed>标签来将插件添加到 HTML 页面。

这些标签定义资源(通常非 HTML 资源)的容器,根据类型,它们即会由浏览器显示,也会由外部插件显示。

audio 标签

<audio>元素是一个 HTML5 元素,在 HTML 4 中是非法的,您的页面无法通过 HTML 4 验证。但在浏览器中都有效(老式浏览器不起作用,比如IE6)。

<audio src=https://www.jb51.net/article/”” autoplay=https://www.jb51.net/article/”” controls=https://www.jb51.net/article/”” loop=https://www.jb51.net/article/””></audio>

属性名:

src:音频地址。

autoplay:是否装载好后自动播放。

controls:是否显示播放的控制条。

loop:是否重复播放。

实例:

<!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <title></title> </head> <body> <audio src="../audio/阎维文 - 母亲.mp3" autoplay="autoplay" loop="loop" controls="controls" > </audio> </body> </html>

音频格式知识普及:

Ogg:全称应该是OGGVobis(oggVorbis)是一种新的音频压缩格式,类似于MP3等的音乐格式。Ogg是完全免费、开放和没有专利限制的。OggVorbis文件的扩展名是.OGG。Ogg文件格式可以不断地进行大小和音质的改良,而不影响旧有的编码器或播放器。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwwpfx.html