源码小哥哥 发表于 2018-12-16 23:28:57

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 练习题


**** Hidden Message *****

林航 发表于 2019-1-26 22:46:59

没看完~~~~~~ 先顶，好同志

zhiqingzhelong 发表于 2019-1-31 13:31:38

路过，学习下

AliceDeemy 发表于 2019-2-2 09:55:39

我是来刷分的，嘿嘿

sumsdant 发表于 2019-2-18 23:42:24

这是什么东东啊

fbqp007 发表于 2019-2-19 21:52:51

小手一抖，钱钱到手！

进德 发表于 2019-2-22 02:06:52

有道理。。。

光帆 发表于 2019-3-3 19:08:01

我是来刷分的，嘿嘿

乳此胸险 发表于 2019-3-4 20:59:57

找到好贴不容易，我顶你了，谢了

xo521 发表于 2019-3-7 15:41:54

学习了，不错，讲的太有道理了
页: [1] 2 3 4
查看完整版本: HTML表单美化视频教程