读书笔记---HTML5实战 MARCO CASARIO(前六章)
2016-03-09 15:40
435 查看
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静态作图
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静态作图
相关文章推荐
- HTML5学习之-Canvas
- HTML5 canvas绘制雪花飘落动画(需求分析、知识点、程序编写分布详解)
- HTML5提供的一些新的标签用法以及和HTML 4的区别
- H5+百度接口定位
- 移动前端头部标签(HTML5 head meta)
- 初学HTML5、初入前端
- 初学HTML5、初入前端
- ie8如何支持html5
- HTML5 canvas绘制雪花飘落动画(需求分析、知识点、程序编写分布详解)
- html5
- Web前端学习笔记(1)-Html5与Html4的区别
- HTML5 1.5 表格元素
- html5 canvas 详细教程1---样式设置/矩形绘制/路径绘制
- html5+php实现拍照
- html5游戏开发1 骰子游戏
- HTML5 1.4 列表
- 用hoverclock插件实现HTML5时钟
- Html5-Video标签以及字幕subtitles和captions的区别
- HTML5 API --- 页面可见性改变(visibilitychange)事件
- html5新增的标签