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屬性