03HTML表单题稿.pptVIP

* * * * * * * * * * * * * 演示DEMO在… * * * * * * 演示DEMO在… * * * * * * * * * * * * * * * * * * * * * * * * * * * * 服务器能够根据 * * * 服务器需要三个页面收集用户数据。 用户提交第一个页面，服务器把数据以隐藏字段的方式保存在第二个页面中。 当用户提交第二个页面时，服务器把数据保存在第三个页面。 用户提交第三个页面，完成。 * * * 常用表单字段 id和name有什么区别呢？ id 在整个页面是唯一的，没有任何两个HTML标签的id是一样的。 name 用在向服务器发送数据时，保存HTML标签的值。 可以有相同的name的HTML标签存在（比如相同name的radio是同一分组的）。 * 常用表单字段 分组框（fieldset） 分组框fieldset标签。 legend标签来显示分组框标题。 fieldset style=width:200px; legend选择颜色/legend ul li蓝色input type=radio value=blue name=color //li li红色input type=radio value=red checked=checked name=color //li li白色input type=radio value=white name=color //li /ul /fieldset * form/fieldset.htm 单元目录 表单概述 提交表单的方法 常用表单字段 框架 * 框架 为什么使用frameset frameset 允许我们把很多页面组合成一个页面 常见的应用场景 一个frame中放置页面导航，另一个frame中放置页面内容，当点击页面导航时，只刷新页面内容。（部分刷新） * 框架 垂直分栏框架 frameset的 cols 属性，定义垂直分栏的各列的宽度： 示例：一个三列的框架，其中第一列占据150px的宽度，第二列占据10%的宽度， 第三列占据剩余的宽度。 frameset cols=150, 10%, * frame src=1.htm / frame src=2.htm / frame src=3.htm / /frameset * frame/cols.htm 框架 水平分栏框架 示例： frameset rows=50, 10%, * frame src=1.htm / frame src=2.htm / frame src=3.htm / /frameset * frame/rows.htm 框架 水平分栏框架 frame标签的属性 frameborder=0“ 用来设置不显示分隔条 noresize=noresize“ 则设置分隔条不可拖动 scrolling=”no” 不显示滚动条。 * frame/rows2.htm 框架 混合框架 科大的bbs（）使用框架 * 框架 混合框架 科大的bbs（）使用框架 这样一个页面包含了5个HTML页面。 * 导航栏 分割条 正文 控制台 时间、账号等 框架 混合框架 科大的bbs（）使用框架 frameset cols=151, 10, * framespacing=0 frameborder=no“ border=0 frameset rows=*, 25 framespacing=0 frameborder=no border=0 frame name=f2 src=cgi/bbsleft noresize frame scrolling=no name=f2tty src=tty.html noresize /frameset frame src=f5.html name=f5 frameborder=no scrolling=no noresize frameset rows=0, *, 20 framespacing=0 frameborder=no border=0 frame name=f3 src=cgi/bbsindex noresize frame scrolling=no name=f4 src=cgi/bbsfoot noresize /frameset /frameset * 框架 框架之间导航 框架中的链接可以在框架