40、网页表单创建全攻略

网页表单创建全攻略

1. 引言

在网页开发中，创建一个功能完善且美观的表单是至关重要的。本文将详细介绍如何创建一个网页表单，包括添加字段集、输入框、标签以及应用样式表等步骤。

2. 创建字段集

字段集是组织表单的一种有效方式，它可以将相似的字段组合在一起。在浏览器中渲染时，字段集通常会用一个框将其中的字段包围起来。创建字段集使用 <fieldset> 元素，其语法如下：

<fieldset id="id">
   controls
</fieldset>

其中， id 用于标识字段集， controls 是与字段集中的字段相关联的控制元素。 id 值不是必需的，但它有助于区分不同的字段集。

以下是创建字段集的具体步骤：
1. 链接到 formsubmit.js 文件：
- 打开 survey.htm 文件。
- 转到文档的头部部分，在访问 modernizr.js 文件的 <script> 元素正下方，插入以下代码：

<script src="formsubmit.js"></script>