实现多选框必须满足的条件
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文件格式可以不断地进行大小和音质的改良,而不影响旧有的编码器或播放器。