视频15
本节继续以在“LM的站点”中制作一个“用户注册”的主题为例，介绍常用的表单元素的创建方法，以及表单与表格结合使用的技巧。在制作该主题前，需要在站点的根目录下创建一个名为“register.html”的网页文件。
步骤1 使用鼠标右键单击“MyWebsite”站点列表项的根文件夹，选择弹出快捷菜单中的【新建文件】命令，将“untitled.html”默认的文件名改为“register.html”，按回车键确认。
步骤2 单击【插入】菜单中的【表格】命令，在弹出的【表格】对话框中设置“行数”为10；“列数”为8；“表格宽度”为800，单位为“百分比”；“单元格边距”为0；“单元格间距”为0；“标题”为“用户注册”，然后点击【确定】按钮，如图2-7-6所示。
图2-7-6 【表格】对话框
步骤3 用鼠标选中表格，设置下方【属性】面板中的“对齐”为“居中对齐”，如图2-7-7所示。
图2-7-7 表格【属性】面板
步骤4 将光标移到表格的第一行，将第一行的8个单元格合并，按照相同的操作将第3、4、9、10行也合并成一个单元格，另外，分别将第5、6、7、8行的前面四个单元格合并成一个单元格，后面四个单元格也同样合并成一个，如图2-7-8所示。
图2-7-8 插入表格
步骤5 分别为不同的行设置背景颜色，第2、4、6、8行设置背景颜色为#CCCCCC（灰色），第5、7行的背景颜色设置为#F1F1F1（浅灰色），如图2-7-9所示。
图2-7-9 设置表格
步骤6 光标移动到第一行中，点击【插入】菜单中的【图像】命令，选择“images”文件夹中的“banner.jpg”文件，在第2行的每个单元格中添加对应的超级链接，第3、4行也添加相应的内容，如图2-7-10所示。
图2-7-10 设置表格
步骤7 将光标移到表格的第5行第一单元格内输入文本“用户名：”，鼠标移到同行的第二个单元格内，然后点击【插入】菜单中【表单】下的“文本域”命令，在弹出的【输入标签辅助功能属性】对话框中，直接点击【确定】按钮，如图2-7-11所示。
图2-7-11 【输入标签辅助功能属性】对话框
步骤8 用鼠标选中文本域后，在下方【属性】面板中的“初始值”输入框中输入“请输入…”文本，如图2-7-12所示。
图2-7-12 单行文本域【属性】面板
步骤9 在第6行中输入文本“密码：”，点击【插入】菜单中【表单】下的“文本域”命令，在弹出的【输入标签辅助功能属性】对话框中，直接点击【确定】按钮。
步骤10 用鼠标选中文本域后，在下方【属性】面板的“类型”选择“密码”单选按钮，如图2-7-13所示。
图2-7-13 密码文本域【属性】面板
步骤11 在第7行中输入文本“性别：”，点击【插入】菜单中【表单】下的“单选按钮”命令，在弹出的【输入标签辅助功能属性】对话框中的“标签文字”输入框中输入“男”（相同方法制作“女”单选按钮），然后点击【确定】按钮，如图2-7-14所示。
步骤12 在第8行中输入文本“邮箱：”，点击【插入】菜单中【表单】下的“文本域”命令，在弹出的【输入标签辅助功能属性】对话框中，直接点击【确定】按钮。(https://www.xing528.com)
步骤13 光标放至第9行单元格内，点击【插入】菜单中【表单】下的“按钮”命令，在弹出的【输入标签辅助功能属性】对话框中，直接点击【确定】按钮。
图2-7-14 【输入标签辅助功能属性】对话框
步骤14 用鼠标选中按钮后，在下方【属性】面板的“值”输入“确认”，如图 2-7-15所示。
图2-7-15 按钮【属性】面板
步骤15 光标放置第10行单元格内，在单元格内输入相应的版权信息。
图2-7-16 预览效果
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
