表单应用实例.docVIP

表单应用实例 例1：创建“用户信息”页面，创建时注意表单对象的属性设置。 1、在“插入”菜单下“表单”命令，在文档中插入一个表单 2、为了表单排版的美观，在插入表单对象前先插入一个表格，再将表单对象和说明文本分别插入到表格的单元格里。选择“插入”菜单下“表格”命令，在“表格”对话框中设置表格参数如图所示，然后单击“确定”按钮，在文档中创建一个表格。 3、选中文档中的所有单元格，在单元格属性面板中单击“左对齐”按钮，并依次在表格中插入如图所示的文字及表单对象，适当调整其“高”值。 4、单击“密码”一栏的文本域，在其属性面板的“类型”选项区域中选择“密码”单选按钮，“字符宽度”文本框中输入30。 5、单击“E-MAIL”一栏的文本域，在其属性面板的“字符宽度”文本框中输入30，“初始值”文本框中输入@。 6、单击“照片”一栏的文本框，在其属性面板的“字符宽度”文本框中输入20。 7、单击“个人说明”一栏的文本框，在其属性面板的“字符宽度”和“行数”文本框中分别输入30和10，用于确定文字输入范围。 8、输入完毕后，保存并按F12预览该网页。 例2：在上题基础上创建复选框和单选按钮。 1、单击“密码”一栏，选择“插入”菜单下“表格对象”下“在下面插入行”命令，在“密码”一栏的下面插入一行，并在新行的左边单元格中输入“性别”。 2、单击“照片”一栏，选择选择“插入”菜单下“表格对象”下“在上面插入行”命令，在“照片”一栏的上面插入一行，并在新行的左边单元格中输入“爱好”。 3、单击“性别”一栏的右边单元格，在文档中创建两个单选按钮，将两个单选按钮的名称都改为“radioXB”，并分别在两个单选按钮的后面输入“男”、“女”。 4、在选中文档中的“男”按钮，在其属性面板的“初始状态”选区中选择“已勾选”单选按钮。 5、单击“爱好”一栏右边单元格，在文档中创建3个复选框，并分别在3个复选框后面输入相应的文字。 6、输入完毕后，保存并按F12预览该网页。 例3 在上题基础上创建列表/菜单表单对象。 1、在“E-MAIL”一栏的上面插入一行，并在新行的左边单元格中输入“籍贯”。 2、单击“籍贯”右边单元格，选择“插入”|“表单”|“列表/菜单”命令，在文档中创建“列表/菜单”项。 3、选择插入的“列表/菜单”项，在“列表/菜单”属性面板中的“类型”选项区域内选择“菜单”单选按钮，单击“列表值”按钮，将弹出“列表值”对话框。 4、在“列表值”对话框中输入项目信息，如图所示，完毕后，单击“确定”按钮。 5、完成后，按F12键预览效果。 例4 在上题基础上添加一个“提交”和“重置”按钮，并为表单设置MAILTO类型的地址。 1、在“个人说明”一栏下面插入一行，并将新行的左右两个单元格合并为一个单元格。 2、单击合并后的单元格，选择“插入”|“表单”|“按钮”命令，在文档中创建两个“提交”按钮。 3、选择左边“提交”按钮，按向右的方向键，使插入点定位在两个按钮之间，选择“插入”|“特殊字符”|“不换行空格”命令，在两个按钮之间插入两个空格。 4、选择文档状态栏中的form标记，选取整个表单，在表单属性面板的“动作”文本框中输入“mailto:sdmws@163.com”。