学校新闻
十三式H5高级秘籍修炼指南之第一式
本章讲解了HTML5的概念、优势、前景以及各大应用场景。通过5个示例将为你全面讲解H5的基本属性和用法，详细探讨HTML5新增元素和标签结构知识，让页面的开发变得更加so easy。
1、HTML5新增元素类型与属性：（语义化对服务器友好，表单类型和属性可用注册账号和登录账号）
（1）新增表单输入类类型，快速设置邮箱、网址、数字、日期等的输入控制和验证
（2）新的表单属性，如自动获取光标焦点、表单提示信息、必须输入控制等避免繁琐的正则验证
示例：
2、progress，定义任务的进度，配合js事件控制逐渐增加progress的value值，呈现进度条逐渐增长直至满格，即进度100%的效果。可作出如下载百分比进度的效果
示例：
开始下载
onClick="Btn_Click();">
3、datalist元素，实现text文本框和选项列表的绑定，如QQ账号输入框的下拉提示
示例：
list="namelist">
label="1" value="李四">
label="2" value="王二">
label="张三"
value="3">
4、form属性
通过form属性可使一个input为多个form表单提供数据，极大的方便了前端工程师的编程
示例：
sex:
value="" form="form1">
5、color类型属性
能过调用浏览器的颜色控制版选择颜色，配合datalist可以做出如小说阅读选择背景色的效果
示例：
value="#FF0000">
6、oninput事件
每输入一个字符即可触发一次事件，做出如百度搜索下拉提示搜素信息的效果，及时性比着仅当失去焦点才能触发事件的onchang大的多
示例：
$$("txt_a").oninput=function(){
console.log(this.value);
}
请联系网站客服，了解详细的优惠课程信息~
优质、权威、便捷、省心