移动互联网开发技术之HTML5案例.ppt

WebSQL数据库基础 创建表 function createTable(){ db = openDatabase(mydb,1.0,test table,2*1024*1024); var sql = create table if not exists StudentInfo(; sql += id int unique,name text,score int); db.transaction( function(tx){tx.executeSql(sql);}, function(){ document.getElementById(show).innerHTML =事务执行出错!; }, function(){ document.getElementById(show).innerHTML =事务执行成功!; } ); } 新增表单元素-output元素 在页面中显示不同类型表单元素的内容，如输入框的值、JS执行后的结果值等 该元素必须从属于某个表单 form oninput=o.value = num1.value * num2.value fieldset legend请输入两个数字/legend input id=num1 type=number step=any / * input id=num2 type=number step=any / = output name=o0/output /fieldset /form 表单新增的验证方法和属性-novalidate 取消表单中所有元素的验证功能 form novalidate=true fieldset p输入用户名:/p input id=text1 type=text pattern=^[a-zA-z]\w{5,7}$ required=true/ input type=submit value=确定 /fieldset /form 第四章 HTML5中的文件 选择文件 fieldset legend单个文件上传:/legend input id=text1 type=file/ /fieldset fieldset legend多个文件上传:/legend input id=text1 type=file multiple=true/ /fieldset 获取文件类型与大小 form fieldset legend多个文件上传:/legend input id=upload type=file multiple=true onchange=fileUpload(this.files);/ ul id=show/ul /fieldset /form 获取文件类型与大小 script type=text/javascript language=javascript function fileUpload(files){ var str = li; str = str + span 文件名称 /span; str = str + span 文件类型 /span; str = str + span 文件大小 /span; for(var i=0;ifiles.length;i++){ var item = files[i]; str = str + li; str = str + span + + /span; str = str + span + item.type + /span; str = str + span + item.size + /span; str = str + /li; } document.getElementById(show).innerHTML = str;} /script 使用accept过滤选择文件类型 fieldset legend文件上传:/legend input id=upload type=file accept=image/*/ input id=upload type=file accept=image/gif/ input id=upload type=file accept=image/jpg/ /fieldset Fil