读书笔记---HTML5实战 MARCO CASARIO(前六章)

1:行内元素转化为块级元素①display②position③float;

2:语义化;

3:微数据itemscope/itemprop/itemtype;

4:新表单元素,form外的表单元素可以用form属性关联;

碰到一个问题:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<form id="myForm">
  <filedset>
  <legend>
   solution
  </legend>
  <label>number</label>
  <input type="range" min="1" max="10" step="1" value="6" onchange="document.getElementsByName("myOut").value=this.value"/>
  <br/>
  <label>value</label>
  <output name="myOut">6</output>
  </filedset>
</form>
</body>
</html>

问题在onchange事件上onchange="document.getElementsByName("myOut").value=this.value"是错的
onchange="myOut.value=this.value“是对的,这是为什么??JS怎么直接用调用了这个name的元素?

5:用正则表达式控制表单的提交

6:媒体元素video audio控件自定义,预加载……各种属性

7:canvas静态作图

posted @ 2016-03-09 15:40  天才老王1993  阅读(165)  评论(0编辑  收藏  举报