网页设计与Web编程 吴黎兵 郝自勉 杨鏖丞 chapter08.pptVIP

创建HTML表单 插入标签 标签用来将表单元素与其说明信息相关联，增加表单元素的可访问性。插入标签的步骤如下： 将光标置于表单中待插入标签的位置，选择“插入记录”|“表单”命令，在弹出的子菜单中选择“标签”命令，在表单中插入标签，切换至“代码”视图，可以发现表单中增加了一对label/label标签。 在label与/label标签对之间输入表单元素的文本说明，并在表单中插入相应的表单元素。 例如： input type=checkbox name=interest id=sport label for=sport accesskey=s运动/label 插入表单元素 设置label标签的属性： for属性：指定label标签要关联的表单元素，属性值设置为表单元素的id值。设置了for属性后，单击label标签中的文本说明，所关联的表单元素将获得焦点。 accesskey属性：指定访问label标签所关联的表单元素的快捷键。设置了accesskey属性后，按下【Alt+accesskey属性值】/【Alt+Shift+accesskey属性值】组合键，所关联的表单元素将获得焦点。 插入表单元素 Spry框架 Spry框架是一个用来构建更加丰富的Web页的JavaScript和CSS库，它支持一组用标准HTML、CSS和JavaScript编写的可重用构件，其中每个构件都与唯一的CSS和JavaScript文件相关联。CSS文件包含设置构件样式所需的全部信息，而JavaScript文件则赋予构件功能。当使用Dreamweaver插入构件时，Dreamweaver会自动将这些文件链接到当前页面，并且在站点的SpryAssets文件夹中保存相应的JavaScript和CSS文件。 验证HTML表单 Spry构件的基本操作包括： 插入Spry构件：选择“插入”|“Spry”命令，在弹出的子菜单中选择相应的构件命令，Dreamweaver会在保存页面时自动在站点的SpryAssets文件夹中包括所需的JavaScript和CSS文件。 选择Spry构件：首先将光标停留在构件上，直到出现构件的蓝色选项卡式轮廓；然后单击构件左上角的选项卡标签。 编辑Spry构件：选择要编辑的构件，在“属性”面板中进行属性设置。 设置Spry构件样式：找到与构件相对应的CSS文件，根据实际需求进行编辑。也可以通过“CSS样式”面板来设置Spry构件的样式。 验证HTML表单 更改默认的Spry资源文件夹：首先选择“站点”|“管理站点”命令，在“管理站点”对话框中选择相应站点并单击“编辑”按钮；在“站点定义”对话框中选择“高级”选项卡；在“分类”列表框中选择“Spry”选项，在“Spry资源文件夹”文本框中输入目标文件夹的路径，或单击文件夹图标浏览到指定位置。 验证HTML表单 使用验证文本域 Spry验证文本域构件用于在访问者输入文本时显示文本的状态(有效或无效)。插入验证文本域的步骤如下： 将光标置于表单中待插入验证文本域的位置，选择“插入记录”|“表单”命令，在弹出的子菜单中选择“Spry验证文本域”命令，在表单中插入验证文本域。 验证HTML表单 选中验证文本域，打开相应的“属性”面板。 在“属性”面板上设置验证文本域的各项属性： 在“Spry文本域”文本框中，输入标识该验证文本域的唯一名称。 在“类型”和“格式”下拉列表框中，指定验证类型及格式，参考教材P224的表8-1。 验证HTML表单 在“验证于”单选按钮组中，指定验证发生的时间。 onBlur：当用户在文本域的外部单击时验证。 onChange：当用户更改文本域中的文本时验证。 onSubmit：当用户提交表单时验证。 当验证类型为“无”、“整数”、“电子邮件地址”和“URL”时，可在“最小字符数”和“最大字符数”文本框中输入数值，指定文本域中允许输入的最小和最大字符数。 当验证类型为“整数”、“时间”、“货币”和“实数/科学记数法”时，可在“最小值”和“最大值”文本框中输入数值，指定文本域中允许输入的最小和最大值。 验证HTML表单 在“预览状态”下拉列表框中，选择要查看的状态。验证文本域构件具有多种状态，参考教材P225的表8-2。 在“提示”文本框中，输入文本域的格式提示信息，当浏览器载入页面时，这些提示信息将显示在文本域中。 选中“必需的”复选框，表示验证文本域中必须包含输入内容。 选中“强制模式”复选框，可以禁止用户在验证文本域中输入无效字符。 验证HTML表单 使用验证文本区域 Spry验证文本区域构件用于在访问者输入多行文本时显示文本的状态(有效或无效)。插入验证文本区域的步骤如下： 将光标置于表单中待插入验证文本区域的位置