学途无忧

标题: HTML表单美化视频教程 [打印本页]

作者: admin 时间: 2018-9-15 00:18
标题: HTML表单美化视频教程

课程简介：
本课程主要讲解表单美化，授之以鱼不如授之以渔，所以主要是对方法和思路的分享，对单选按钮、复选按钮（复选框）、文本框及下拉列表进行美化；对象不同，美化方法亦不同，让你网页中的表单与众不同。

课程须知:
1.对HTML+CSS相关知识熟悉
2.掌握FORM表单基本知识，会制作表单；
3.对JavaScript相关知识熟悉

课程能学到什么？
1. 对不同类型的表单能够进行美化
2.对表单输入域及标签说明有更深的认识

课程目录:
第1章表单美化之单选按钮篇
采用贴图的形式对单选按钮进行美化，你知道为什么用定义列表吗？
1-1 内容简介 (01:06)
1-2 单选按钮美化的实现 (13:33)
1-3 用JavaScript实现单选按钮交互效果 (03:30)
1-4 练习题
1-5 练习题
第2章表单美化之复选按钮篇
复选按钮又称复选框，以淘宝网中复选按钮为例，考虑不同浏览器的兼容性，你还可以认识addLoadEvent函数的用法。
2-1 简介及知识点介绍 (02:18)
2-2 复选按钮的制作 (04:31)
2-3 复选按钮美化的实现 (13:13)
2-4 练习题
第3章表单美化之文本框篇
对我们每天都在用的文本框进行美化，用HTML5和CSS3轻松来实现。
3-1 简介及知识点介绍 (02:29)
3-2 文本框美化的实现 (10:56)
3-3 练习题
3-4 练习题
第4章表单美化之下拉列表篇
以1号店的配送地址为例，用一种巧妙的方法轻松实现美化，并告诉你代码如何优化。
4-1 简介及知识点介绍 (01:45)
4-2 下拉列表美化的实现 (14:02)
4-3 用JavaScript实现下拉列表交互效果 (14:05)
4-4 代码优化 (03:04)
4-5 练习题

欢迎光临学途无忧 (https://www.xuetu123.com/)