第13讲_使用CSS设置表单样式.ppt

l 熟练掌握表单的用途和原理l 表单输入类型的回顾总结l“像文字一样的按钮”效果的实现l“多彩的下拉菜单”效果的实现l 案例一：直接输入的Ex cel表格l 案例二：”数独”游戏网页本讲目标新课引入1、表单的用途：实现交互式网站的一个重要途径，可以实现网上登录、注册、发邮件、发帖子、交易、投票等功能。简单的认为就是：实现将数据提交给服务器的一个行为或动作2、表单的原理：一般表单和表格是配合使用的。在静态网页设计中，表单其实没什么用，表单必须配合javascript或在动态网页设计中才能凸显出它的作用和意义。表单输入类型首先回顾一下表格的语法结构姓名：其中form用于确定表单的范围，input用于定义表单中每个具体的表单元素样式对比案例演示案例演示像文字一样的按钮l 这里是指：将按钮的外观，改变成普通文字那样，但是依旧保持按钮的点击功能。案例演示案例演示background-color:transparent;/*背景色透明*/七彩的下拉菜单案例演示运用到了：表单、下拉菜单、各个选项和按钮。如何实现该效果呢？综合实例一：直接输入的Ex cel表格要求该统计表实现excel表格的简单功能，在网上可以直接输入数据并提交。案例演示综合实例二：“数独”游戏网页案例演示“数独”是一种益智数字游戏，起源于拉丁方阵。游戏的是玩法是每一格只有一个数字，根据逻辑推理的方法，在空格上填入1到9的数字，要保证满足每个数字在每个小九宫格内不能重复，同时在每行、每列也不能出现重复的数字千里之行 始于足下10