实验六网页表单的处理.docxVIP

实验六网页表单的处理 【实验目的】 通过本实验，使学生熟悉设置表单格式、美化表单页面的基本方法。 【实验要求】 掌握创建表单和表单对象的方法； 掌握处理表单的方法，如向表单屮插入、设置文本框，单选按钮，复选框等。 【实验内容】 1、 制作一个检验表单网页，如图1 “检验表单”所示,可参照给出的网页来制作。 2、 制作一个表单页面，如图2 “用八注册”所示,掌握创建、编辑表单和表单格式设置的 方法。 图1 “检验表单” 图2 “用户注册” “检验表单”页面制作 【实验步骤】 1、首先添加一个4行1列表格，设置相应属性及图片，效果如下: 2、在表格屮第三行屮添加表单，并在表单屮嵌套表格: 3.在相应位置放置相应文字和文木域，效果如图所示: r Drea mvy.eaYem MXt通趣1 哪顋j倒I 实例检验表单 02002 FaasS Develoxmut. All Ri*h怙 02002 FaasS Develoxmut. All Ri*h怙 Reserved. 4、对表单设置“检查表单”的行为，设置如下图所示： 七| - | form动作 爭件 onSubmi t “用户注册”页面制作 【实验步骤】 K 首先在页面上添加两个表单，表单属性如下； 2、文本域属性设置如下: 3、出生日期文本域属性设置如下: 4、“职业”下拉列表属性设置如下; 5、“自我介绍”文木域属性设置如下: 6、“冋到首页”下拉列表的列表值设置如下: 7、“前往”按钮属性设置如下: ▼屋性 P 按钮名称 puttonl 标签?前往 动作O提交表单⑤ ?无@) O重设表单?) 8、在“前往”按钮上添加“跳转菜单开始”的动作，如下: 竺样式HTML样式融I . 七 | — | button 动作 ▲ | ▼ | 爭件 动作 onClick 口跳转菜单开始