第七章表单7.2.1文本框在网页中插入文本框例7.1创建如图所示的表单.具体要求如下:“姓名”框的宽度为10。“口令”框为密码域。“邮政编码”的数据类型为整数，宽度为6，数据长度为6。“年龄”的数据类型为整数，宽度为3，数据长度为3，最小值为1，最大值为150。具体操作：1．在FrontPage2003中新建一个站点form，并在form站点中新建一个网页，将该网页保存为文件7-1.htm。2．选择“插入”菜单中的“表单”，再在下一级菜单中单击“表单”选项。屏幕上即出现一个包含“提交”和“重置”两个按钮的虚线框（即表单）。3．在“提交”和“重置”按钮之前插入一个空行，并在空行处插入一个7行2列的表格。后面将在各个单元格中添加文字和文本框，从而利用表格使文字和文本框排列整齐美。4．分别合并表格第一行的两个单元格和最后一行的两个单元格。在第一行中输入文字“用户资料”，再把“提交”和“重置”按钮移到最后一行中，并使其居中。5．在表格第二行左边的单元格中输入文字“姓名”，再将鼠标定位于右边的单元格中，然后选择“插入”菜单中的“表单”，再在下一级菜单中单击“文本框”。6．选择“插入”菜单中的“表单”，再在下一级菜单中单击“表单”选项。屏幕上即出现一个包含“提交”和“重置”两个按钮的虚线框（即表单）。双击“姓名”右边的文本框，在弹出的“文本框属性”对话框中，宽度设置为10。7．双击“口令”右边的文本框，在“文本框属性”对话框中，单击密码域旁边的“是”单选按钮。8．双击“邮政编码”右边的文本框，在“文本框属性”对话框中，将宽度设置为6。再单击“验证有效性”按钮，在弹出的“文本框有效性验证”对话框中，选中数据长度下的“要求”，并将最小长度和最大长度都设置为6。9．双击“年龄”右边的文本框，在“文本框属性”对话框中，将宽度设置为3。再单击“验证有效性”按钮，在“文本框有效性验证”对话框中，选中数据长度下的“要求”，并将最小长度设置为1，最大长度设置为3。10．将光标置于表格内部，单击鼠标右键，在快捷菜单中单击“表格属性”。然后，在弹出的“表格属性”对话框中，将边框的粗细设置为0。11．将表格第一行和最后一行的单元格背景设置为浅蓝色，将第二行至第六行的单元格背景设置为浅黄色。至此，一个简单的表单就制作好了。12．保存文件后，单击“常用”工具栏中的按钮在浏览器中预览表单的效果。【注意事项】1．同一个表单中的所有表单域都必须添加到该表单所在的虚线框内。也就是说，要想在表单中插入表单域，就首先要将光标在虚线框中定位。2．应该给表单中的每一个文本框都加上必要的文字标签，以便让站点访问者明白应在该文本框中输入什么样的信息。如，上例中的单行文本框之前分别标有“姓名”、“口令”和“通讯地址”等简洁的文字标签。【使用技巧】1．如果网页中没有事先建立表单，那么，也可以直接选择“插入”菜单中的“表单”，再选择“文本框”，这样，将创建一个包含文本框和“提交”及“重置”按钮的表单。2．设置文本框的属性时，可以将光标移到文本框处，单击鼠标右键，再在弹出的快捷菜单中选择“表单域属性”。也可以直接双击文本框。3．如果要精确地设置单行文本框的宽度，就应通过“文本框属性”对话框中的“宽度”选项进行设置。4．缺省的情况下，单行文本框的颜色是白色的，若想改变单行文本框的颜色，或是改变在文本框中输入的文本的颜色或字体，则可按以下步骤进行：（1）双击要调整的文本框，在弹出“文本框属性”对话框下选择“样式”对话框。（2）在“文本框属性”对话框中，单击“样式”按钮，选择“修改样式”对话框。（3）在“修改样式”对话框中，单击“格式”按钮，弹出“字体”、“段落”和“边框”等命令选项。（4）若想修改文本框的背景颜色，则可选择“边框”命令，在弹出的“边框与阴影”对话框中，打开“阴影”选项卡，再在其中设置“背景颜色”。5．为了使表单中的内容在网页上排列整齐美观，可以先在空白表单中插入一个表格，再在表格的各个单元格中添加表单域及其文字标签。【学习提示】若想预览表单的效果，则可单击“常用”工具栏中的按钮在浏览器中浏览。在文本框中输入了相应的内容之后，单击“重置”按钮可以将表单内所有文本框的内容还原。在没有发布站点的情况下，单击“提交”按钮提交表单是看不到表单结果的，这时浏览器会显示FrontPage运行态组件网页，提醒用户只有将站点发布到安装有FrontPage服务器扩展的站点服务器上之后，表单才可以正常工作。7.2.2文本区例7.2创建如图所示的表单.具体要求如下:文本区每行最多容纳40个字符。文本区的高度为6行。具体操作：1．打开在例7.1中建立的form站点，并在该站点中新建一个网页，将该网页保存为文件7-2.h