联系客服1
联系客服2

HTML表单美化视频教程

0
回复
1517
查看
打印 上一主题 下一主题
[复制链接]
  • TA的每日心情
    开心
    2024-9-19 21:14
  • 签到天数: 757 天

    [LV.10]以坛为家III

    7335

    主题

    8751

    帖子

    131万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    1312455
    楼主
    发表于 2018-9-15 00:18:09 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式


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

    课程须知:
    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 练习题


    游客,如果您要查看本帖隐藏内容请回复

    收藏
    收藏0
    分享
    分享
    支持
    支持0
    反对
    反对0
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    学习课程!一站搞定!
    学途无忧VIP会员群

    973849140

    周一至周日9:00-23:00

    反馈建议

    1227072433@qq.com 在线QQ咨询

    扫描二维码关注我们

    学途无忧!为学习谋坦途,为会员谋福利!|网站地图