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

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=Content-Type content=text/html; charset=utf-8 / meta charset=“utf-8” script src=js/juery-1.6.2.js/script script?type=text/javascript“ src=js/juery-1.6.2.js/script? HTML5 语法 省略标记 不允许写结束标记的元素：area、base、br、col、comand、embed、hr、img、input、keygen、link、meta、param、source、track和wbr。 可以省略结束标记的元素：li、dt、dd、p、rt、rp、option、thead、tbody、tfoot、tr、td和th。 可以省略全部标记的元素：html、head、body、colgroup和tbody。 具有布尔值的属性 只写属性名不写属性值时，默认为true 想要将属性值设定为true，也可以将属性名设定为属性值。 HTML5 语法 具有布尔值的属性 只写属性名不写属性值时，默认为true；什么都不写则为false。 想要将属性值设定为true，也可以将属性名设定为属性值。 省略引号 属性值可用双引号或单引号 当属性值不含空字符串、、、=等字符时，引号可省略 input type=“checkbox” checked in