HTML5学习随笔02

1、<img>元素中的ismap属性，可以在浏览器导航栏显示鼠标点击图片的坐标，类似于jQuery中的pageX/pageY
eg. <img src="" ismap alt=""/>


2、<img>元素的usemap属性，关联<map>元素，可以实现当点击图片中某一规定区域时，浏览器打开设定好的链接，类似于地图查询。
eg. <img ... usemap="#Map"/>     
    <map name="Map">
       <area/>
    </map>


3、<iframe>中的属性书写类似于<img>，都有src、width、height等。其中，<iframe name="abc">，可以在<a target="abc">使用。


4、<embed>元素是拓展浏览器的功能，大部分用于添加对插件的支持，例如flash插件。
eg. <embed src="" type="" width="" height=""></embed>   //可用于导入具体的flash视频
<embed>是HTML5元素以前使用的是<object>，功能类似。后者大于前者，HTML5将<object>的功能细分了。


5、<progress>是HTML5的进度条元素，使用js控制进度。


6、<meter>类似于<progress>,显示的是范围内的值，两者使用起来差不多。


7、<input>标签元素中有autofocus属性，用法类似于disabled（HTML5支持单属性），当页面加载后可以使该<input>获取焦点。
<form>和<input>元素有autocomplete属性，可设置它的值为on/off，从而设定元素是否支持自动填充。
<input>元素中form属性，可以使表单外的元素连接进某一<form>表单中，使用的是<form>中的id.


8、<label>元素是文本的元素标签，可以实现的功能：当鼠标点击<label>时，<label>中的<input>获取焦点。有两种写法：
<1> 
<label>用户名：<input name="user">
</label>
<2> 
<label for="abc">用户名：</label><input name="user" id="abc">


9、<fieldset>分组说明标签，可以讲<form>中的元素进行分组，也可以将<fieldset>写在<form>的外面，然后通过<fieldset>的form属性
和具体的<form>挂钩。
<legend>分组说明标签，类似于<table>的<caption>元素。
eg.<fieldset>
      <legend>表单标题</legend>
   </fieldset>
图片如下：




10、<button>的type属性类型有三种：button、submit和reset

当<button type="submit">时，<button>可以获取额外的属性，同理，<input type="submit">和<input type="image" src="……">也是，有form、formaction、formmethod、formenctype、formtarget、formnovalidate（当表单提交时，不进行验证）。这些属性可以对<form>中原来的属性进行覆盖。

注意：<input type="image" src="……">点击图片时会进行提交，且浏览器地址栏会显示鼠标点击处的x、y值。

11、HTML5中<input>各类型元素的具体使用，可以查看http://www.w3school.com.cn/tags/tag_input.asp