HTML 内嵌和表单元素

一些例子

进度条

<progress value="30" max="100"></progress>

相似进度条的东西...

<meter value="90" min="10" max="100" low="40" high="80" optimum="60"></meter>

嵌入插件

<embed src="XXXXXXXXX.swf" type="application/x-shockwave-flash" width="480" height="400"></embed>

内嵌文档

<iframe src="http://www.baidu.com/" width="600" height="500" name="in"></iframe>

图片分区响应

<img src="img.png" alt="风景图" width="339" height="229" usemap="#area">
<map name="area">
	<area shape="rect" coords="31,28,112,100" href="http://www.baidu.com" target="_blank" alt="Rect">
	<area shape="circle" coords="187,142,47" href="http://www.163.com" target="_blank" alt="Circle">
	<area shape="poly" coords="287,26,240,66,308,112" href="http://www.taobao.com" target="blank" alt="Poly">
</map>

视频和音频

audio元素的属性

例子

<video src="js.mp4" width="800" height="600" controls poster="img.png"></video>

preload 属性

    none 不加载

    metadata 播放以前加载元数据(宽高/第一帧画面等信息)

    auto 请求浏览器尽快下载整个视频

兼容多个浏览器 视频和音频同

<audio controls>
    <source src="java.mp3">
    <source src="java.m4a">
    <source src="java.wav">
</audio>

表单元素

from的属性

input属性

一些例子

<label for="user">USERNAME:<input id="user" name="user" autofocus></label>

<fieldset>
    <legend>INFO</legend>
</fieldset>

input type属性

当type为text和password与search时拥有的属性

text和search多一个属性list

指定为文本框提供建议值的datalist元素 其值为datalist元素的id值

当type为number和range时的属性

type为radio或checkbox时的属性

type为image时的属性

type为file时

其余元素

select属性

多行文本框textarea属性