当使用form提交数据时：在HTML4中，input、button和其他与表单相关的元素必须放在form元素中；在HTML5中，这条限制不复存在。可以将这类元素与文档中任何地方的表单挂钩（通过表单元素的form属性【下述示例3】）。一、制作基本表单示例1：新标签页显示表单结果<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>Form Target</title></head><body><form action="http://localhost:8888/form/userInfo" enctype="a...
总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本地存储localstorage存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。大小：每个域名5M支持情况：注意：IE9 localStorage不支...
HTML5出来已经很久了，然而由于本人不是搞前端的，只知道有这个东西，具体概念有点模糊（其实就是一系列标准规范啦）；因此去年，专门对HTML5做了个简单的小结，今天正好看到，整理一下放到我的博客，以免丢失。有错误请指正，我是前端菜鸟。先来个目录，如下：?什么是HTML5?HTML5发展历史?HTML5详细介绍 ?视频/音频 、画布 & SVG 、可编辑内容 & 拖放、Web存储、Web Worker 、服务器发送事件、表单增强功能、语义化标记、更多HTML...
总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标 解决4k的大小问题 解决请求头常带存储信息的问题 解决关系型存储的问题 跨浏览器 1.本地存储localstorage存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。 大小：每个域名5M支持情况：注意...
canvas可以绘制出很多奇妙的样式和美丽的效果，通过几个简单的api就可以在画布上呈现出千变万化的效果，还可以制作网页游戏，接下来就总结一下和绘图有关的API。绘画的时候canvas相当于画布，而context相当于画笔。1.绘制线条moveTo(x0,y0)：把当前画笔（ictx）移动到（x0,y0）这个位置。lineTo(x1,y1):从当前位置(x0,y0)处到（x1，y1）画一条直线。beginPath()：开启一条路径或者重置当前路径。closePath():从当前点回到路径起始点...
Html学习总结1.什么是html:HyperTextMarket language，超文本标记语言,是用来描述网页语言，html使用标记标签来描述网页，html不是编程语言，是一种标记语言。2.经历过得版本:HTML2.0、HTML3.2、HTML4.0、HTML4.0.1、HTML53.H5新特性: ?用于绘画的 canvas 元素?用于媒介回放的 video 和 audio 元素?对本地离线存储的更好的支持?新的特殊内容元素，比如 article、footer、header、nav、section?新的表单控件，比如 calendar、date、...
这段时间一直在帮老师做项目比较忙，经常课都没去上，就泡在实验室里，也没什么时间看其他东西了。我在项目中分配到了前端页面设计这一块，有时候浏览网页看到移动端APP和html5最近都比较火的，随着移动互联网快速发展，尤其是4G时代已经来临，加上微软在win10中搭载了新的浏览器edge取代了IE的地位，所以现在很多网站都开始抛弃IE朝着html5发展，这是一种趋势，尤其是在移动端网页这块，而PC端在不同浏览器之间还是有部分兼容性问...
关于onclick的行为与内容分离 1.通过链接触发弹出窗口方式 （不推荐使用此方法！！！）<a href=# onclcik = "window.open(holiday_pay.html,WinName,width=300, height = 300);"> Holiday Pay </a>如果JS被禁用链接无法引导用户进入对应页面,不要为href属性赋"#"及类似的值2.普通情况<a href=holiday_pay.html onclcik = "window.open(this.href,WinName,width=300, height = 300);"> Holiday Pay </a>3.0 大量重复...
1.canvas绘制步骤添加canvas元素，定义id和范围js里获取canvas元素通过getContext()方法获取2D绘制环境通过不同的函数进行图形绘制坐标定位绘制的图形定位都是以canvas的左上角为(0,0)原点绘制直线moveTo(): 规定起始点lineTo(): 从起点绘制到规定坐标的直线stroke(): 实现绘制直线的功能fill(): 实现填充功能实例：绘制一个三角形html代码 js代码window.onload = function(){ var canvas = document.getElementById("canvas");ca...
1.概述Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。使用前，首先需要新建一个<canvas>网页元素。<canvas id="myCanvas" width="400" height="200">您的浏览器不支持canvas！ </canvas>上面代码中，如果浏览器不支持这个API，则就会显示<canvas>标签中间的文字——“您的浏览器不支持canvas！”。每个canvas节点都有一个对应的context对象（上下文对象）...
总是遇到h5新标签的笔试题目，就查阅了资料来总结一下：1.form相关：（1）form属性：在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。（2）formaction属性：HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址。（3）formmethod属性：用法同formaction。（4）placeholder属性：用于文本框处于未输入状态时的一种文字提示。...
水平对齐textAlignJavaScript Code复制内容到剪贴板context.textAlign="center|end|left|right|start"; 其中各值及意义如下表。 值描述start默认。文本在指定的位置开始。end文本在指定的位置结束。center文本的中心被放置在指定的位置。left文本左对齐，right文本右对齐。我们通过一个例子来直观的感受一下。JavaScript Code复制内容到剪贴板"zh"> "UTF-8"> textAlign body { background:...
概述 HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同： context为Canvas的2D绘图环境对象， x为椭圆中心横坐标， y为椭圆中心纵坐标， a为椭圆横半轴长， b为椭圆纵半轴长。 参数方程法 该方法利用椭圆的参数方程来绘制椭圆 代码如下: //-----------用参数方程绘制椭圆--------------------- //函数的参数x,y为椭圆中心；a,b分别为椭圆横半轴、 //纵半...
前面介绍了很多的基本元素，包括结构相关的组合和重用元素，这里先对SVG的文档结构中剩下的相关元素简单总结一下，然后继续向前领略SVG的其他特性。 SVG文档的元素基本可以分为以下几类： •动画元素：animate,animateColor,animateMotion,animateTransform,set； •解释元素：desc,metadata,title； •图形元素：circle,ellipse,line,path,polygon,polyline,rect； •结构元素：defs,g,svg,symbol,use； •渐...
1、canvas中文教程https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial 2、canvas默认宽高是300、150，为避免异常，最好使用显示属性添加而不通过css来添加宽高 3、在canvas标签内部添加不支持canvas标签的浏览器的说明 4、通过下面的js代码也能判断浏览器是否支持canvas 代码如下: var canvas = document.getElementById(tutorial); if (canvas.getContext){ var ctx = canvas.getContext(2d); // drawing code here } els...