第二讲HTML5语法、新增标签及智能表单试卷.ppt

* * * HTML5 智能表单 multiple属性。 支持email、file等类型一次性输入多个邮箱地址或上传多个文件等。 pattern属性。用于验证输入内容是否与自定义的正则表达式匹配。支持的类型包括：text、search、url、 email、 tel、password等。 height和width属性，用于规定image图像的高和宽。 语法：input type=file name=fileselect multiple=“multiple”/ 语法： input type=“text” name=“zip_code” pattern=“[0-9]{6}” placeholder=“请输入6位数字” / input class=inp type=tel name=tel1 pattern=\d{11}/ input type=“image src=“img_01.jpg height=“50” width=“50”/ HTML5 智能表单 新增form元素 datalist 用于为输入框提供一个可选列表，用户可以直接选择列表中的某一预设项，从而免去输入的麻烦。 语法： input class=inp type=url name=user_url list=urllist/ datalist id=urllist option label=百度 value=/ option label=谷歌 value=/ /datalist HTML5 智能表单 新增form元素 output 用于显示计算结果或输出。 新增form属性 autocomplete 用于整个form表单 novalidate 用于在提交表单时取消整个表单的验证。 formnovalidate 取消表单验证的提交 语法： form onchange=x.value=parseInt(a.value)+parseInt(b.value) 0 input type=range id=a value=50100+ input type=number id=b value=50= output name=x /output /form 人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科技书籍，我们能丰富知识， 培养逻辑思维能力； 通过阅读文学作品，我们能提高文学鉴赏水平， 培养文学情趣； 通过阅读报刊，我们能增长见识，扩大自己的知识面。 有许多书籍还能培养我们的道德情操， 给我们巨大的精神力量， 鼓舞我们前进。 * 很少有人能记住这行代码，他的出发点是“这个文档是XHTML 1.0文档”。 Doctype是给验证器看的，而浏览器不关心！ 博斯塔尔发展，浏览器接收的时候必须要开放。 script type=“text/javascript” * 推荐使用br/,但写br也没问题。 * * Tab键遍历页面中的所有连接，遍历到的时候直接按Enter键即可访问 替换文本，当图像无法显示时，用文本替换 Alt只能用在img、area、input等标签中， Title 用于图像链接时，用于鼠标划过时提示信息 * * * * * 若想保存，只能把该元素的innerHTML发送到服务器端进行保存 可编辑列表.html * Html与CSS分离 * * * * * * * * 手机浏览器上会弹出带有数字的键盘，包含@和。提高用户体验。 * 手机浏览器上会弹出带有数字的键盘，包含@和。提高用户体验。 * 属性与number类型完全相同，体现在外观不一样。若浏览器不支持则以纯文本形式提交 * 手机浏览器上会弹出带有数字的键盘，包含@和。提高用户体验。 * 手机浏览器上会弹出带有数字的键盘，包含@和。提高用户体验。 * UTC：Coordinated Universal Time 世界标准时间，0时区时间 * 默认autocomplete=“on” * * * 移动Web开发技术 黄增喜 内容 HTML5 语法 HTML5 标签和属性 HTML5 智能表单 HTML5 语法 文档类型声明(DTD) !doctype html !DOCTYPE html 等也是正确的，因为HTML语法是不区分大小写的。 字符编码 代码引入 meta http-equiv=Content-Type content=text/html; charset=utf-8 / 不能混合使用: meta charset=“utf-8” http-equiv=Cont