电子商务网页设计与网站建设-第五章 构建交互式页面

1、5 构建交互式页面5 构建交互式页面5.1 表单的使用5.2 高级表单技术5.1 表单的使用5.1.1 表单的基本概念5.1.2 插入表单对象实例：制作电子邮件表单5.1.1 表单的基本概念访问者可以使用文本域、列表框、复选框及单选按钮之类的表单对象输入信息，然后单击某个按钮提交这些信息5.1.2 插入表单对象创建表单执行“插入记录”中“表单”的“表单”命令页面中出现一条红色虚线，选中虚线，在“属性”面板中设置表单名称动作：指定处理该表单的动态页或脚本的路径方法：选择将表单数据传输到服务器的方式在“MIME”类型：选择发送数据的MIME编码类型插入单行文本域将光标置于表单内，插入一个8行2列的

2、表格，在“属性”面板中将“间距”和“边距”分别设置为2，“背景颜色”设置为#B6D32B在第1行第1个单元格内输入“姓名”，在第2个单元格内执行“插入记录”中“表单”的“文本域”命令选种文本域，在“属性”面板中设置字符宽度：15类型：单行插入密码域将光标置于第2行第1个单元格内，输入“密码”，在第2个单元格内执行“插入记录”中“表单”的“文本域”命令选择文本域，在“属性”面板中设置字符宽度：15类型：密码插入单选按钮在第3行的第1个单元格中输入“性别”，在第2个单元格中执行“插入记录”中“表单”的“单选按钮”命令，插入单选按钮，在按钮后面输入“男”选择按钮，在“属性”面板中设置初始状态：未选中

3、以同样方法插入一个单选按钮，在按钮后面输入“女”，选中按钮，在“属性”面板中设置初始状态：已勾选插入复选框在第4行第1个单元格内输入“爱好”，在第2个单元格中执行“插入记录”的“表单”中“复选框”命令，插入复选框，在复选框后面输入“上网”选中复选框，在“属性”面板中设置复选框名称：aihao按上述方法添加其他爱好插入列表和菜单在第5行的第1个单元格内输入“类别”，在第2个单元格内执行“插入记录”的“表单”的“列表/菜单”命令，插入列表/菜单在“属性”面板中设置列表/菜单：select类型：菜单列表值：“我想进一步了解产品情况”“我想和贵公司合作”“不订货，只是留言”插入多行文本域在第6行第1个

4、单元格中输入“其他说明”，在第7行的第2个单元格中执行“插入记录”的“表单”的“文本区域”命令在“属性”面板中设置字符宽度：48行数：8类型：多行初始值：“在这里写其他要求”插入表单按钮在第8行的第2个单元格内执行“插入记录”的“表单”的“按钮”命令在“属性”面板中设置动作：提交表单值：提交按上述方法再插入一个按钮，在“属性”中设置动作：重置表单值：重置实例：制作电子邮件表单在选定位置插入表单表单中插入10行2列的表格，“居中对齐”第1行中输入“您的名称”插入“字符宽度”为25，“最多字符数”为100，“类型”为单行的文本域按照同样要求，分别在2-6行中输入“您的地址”、“邮政编码”、“您的网

5、址”、“您的email”和“您的电话”以及对应的文本域在第7行的第1个单元格内输入“经营模式”，在第2个单元格内插入单选按钮在第8行第1个单元格内输入“您的要求”，在第9行第2个单元格内插入“字符宽度”为45、“行数”为6行、“类型”为多行的文本区域在第10行第2个单元格内插入“提交”、“重置”2个按钮5.2 高级表单技术数据合法性检验姓名、年龄、内容等不能为空Email地址必须合法点击“常用”工具条上的“脚本”按钮在弹出的窗口中设置：语言：test/javascript内容：输入如下代码function test(form1) if(.value=) alert(请输入您的姓名); .focus(); else if(form1.shuoming.value.indexOf(,0)=-1) alert(说明不正确，请重新输入); else form1.submit(); 点击确定，在文档窗口中出现脚本图标选中“提交”按钮，在“行为”面板中将起动作改为“无”点击“行为”面板中的“+”按钮，在弹出的菜单中选择“调用JavaScript”在弹出的“调用JavaScri