Web前端开发案例教程——HTML+CSS+JavaScript (2).pptVIP

… … table width=200 border=1 tr td colspan=2学生成绩信息/td /tr tr td计算机概论/td td80/td /tr tr tdC语言/td td90/td /tr /table … … 如何跨列 1、colspan 属性表示跨多少列 2、该行其他单元格的内容就省略不写了 实例2-5：表格的跨列合并 …… table width=400 height=150 align=center border=1 bordercolor=#000000 cellspacing=1 cellpadding=0 tr td电脑组成/td td colspan=3 align=center中央处理器/td /tr tr td品牌/td td英特尔/td tdAMD/td td威盛/td /tr tr td rowspan=2 align=center电脑组成/td td 中央处理器/td td硬盘/td td显卡/td /tr tr td内存/td td主板/td td显示器/td /tr /table…… colspan 跨3列 colspan 跨2行 实例2-6：表格的跨行跨列 练习——简单表格 用2行3列的表格显示商品数据 练习——跨行跨列表格 实现一个跨行跨列的商品类目表格 h2标题 练习——表格分组标签的使用 需求说明 实现一个按地点和时间汇总的年终报表 数据分组的表格 表单的典型应用 为什么使用表单 用户登录/注册 提供搜索工具 2.2 表单 一个表单主要由3部分组成 ?表单标签：包含了处理表单数据所用服务器端程序的URL及数据提交到服务器的方法。 ?表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选按钮、选择框和文件上传框等表单输入控件。 ?表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送单服务器上或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的工作。 form action=表单提交地址 method=提交方法 … 文本框、按钮等表单元素… /form 指定提交后，由服务器上哪个处理程序处理 指定向服务器提交的方法： 一般为post或get方法, post方法比较安全 表单的基本语法 …… form action=# method=get 用户名： input type=text name=name id=namebr/ 密码： input type=password name=email id=emailbr/ input type=submit value=登录 /form /form …… 表单输入元素：input 表单提交地址和方法的设置 实例2-7：简单的表单 表单的典型应用：假定登录 QQ邮箱 表单的执行原理 Internet 1 2 客户端：请求登录，通过表单填写账户信息 服务器端：验证发来的账号信息，然后给出反馈 客户端和服务器类似两人沟通一样，从而建立交互活动 表单标签 表单标签（form/form）用于声明表单，定义采集数据的范围，同时包含了处理数据的应用程序及数据提交到服务器的方法。其语法如下： form action=“url” method=“get/post” target=“...” ....... /form 表单元素 表单元素包括文本框、按钮、下拉列表等。除下拉列表框、多行文本域等少数表单元素外，大部分表单元素都使用input标签，只是它们的属性设置不同，它们的统一用法如下。 input name=“表单元素名称” type=“类型” value=“值” size=“显示宽度” maxlength=“能输入的最大字符长度” checked=“是否选中”/ 表单域 表单域包含了文本框、密码框、隐藏域、多行文本框、复选框、单选按钮、下拉列表和文本上传框等。用于采集用户的输入或选择的数据。 单行文本框(text) 单选按钮(radio) 复选框(checkbox) 下拉列表(select) 重置按钮 (reset) 提交按钮(submit) 密码框(password) 常见的表单元素 文本域(textarea) input name=表单元素名称 type=类型 value=值 size=显示宽度 maxlength=对大长度 checked=是否选中 / 指定元素的类型，可为tex