32、网页表单与CSS样式使用指南

网页表单与CSS样式使用指南

在网页开发中，表单元素的创建与样式设置是非常重要的环节。以下将详细介绍表单元素的创建、设置以及CSS样式的管理。

表单元素基础设置

在创建表单时，首先要考虑表单的基本设置。如果你的CGI程序有要求，需要从“Enctype”下拉列表中选择一个MIME编码类型。通常，“application/x-www-form-urlencode”值与“POST”方法一起使用；若要上传文件，则使用“multipart/form-data”值；若没有特殊要求，可留空该字段。完成这些设置后，表单的基本框架就搭建好了，可以开始添加元素。

表单元素的可访问性设置

可访问性是创建表单时需要考虑的关键问题，要确保所有访问者（包括使用非传统浏览器的用户）都能使用表单。Dreamweaver默认支持这些可访问性特性。当通过“Forms Insert”面板添加表单元素时，“Input Tag Accessibility Attributes”对话框会自动弹出。以下是填写该对话框以确保元素可访问的步骤：
1. 在“ID”框中添加一个唯一的ID值，该名称应能有效描述要捕获的数据，如“first_name”用于“First Name”文本框。
2. （可选）在“Label”框中输入描述性标签，Dreamweaver会将此文本用作字段的标签。
3. 在“Style”选项组中，选择将标签与字段关联的方式：
- “Wrap with Label Tag”：将HTML标签元素包裹在文本字段周围，通常这种方式最易操作。
- “Attach with Label Tag Using ‘for’ Attribute”：使用标签的“f