随着互联网的发展，表单已经成为了公司、机构和个人不可或缺的工具之一。许多商业网站因为表单而获得了成功，因为表单为用户提供了方便快捷的交互方式，大大提升了用户的使用体验。然而，制作一个有效的表单并不是易事，需要很好的设计，调整和完善。

好在我们有表单代码！学习并掌握表单代码，您可以轻松制作高效的表单，从而增强用户的粘性和满意度。

1. 前言

在制作表单之前，我们需要先了解 HTML 表单。HTML 表单就是把收集用户输入数据的 HTML 页面模板。通过 HTML 表单，我们可以方便地收集用户的姓名、地址、邮箱、电话、支付信息等等。在表单中通常会有输入框、下拉菜单、单选和多选等控件，我们可以根据需求来添加这些控件。

为了收集用户的输入，我们还需要使用一个服务器端的脚本语言来处理表单提交。这个脚本语言可以是 PHP、ASP、JSP 等等。

2. 表单的必要属性

制作表单需要设置一些必要属性。下面我们简单介绍一下：

2.1 action

这个属性用来指定表单数据的目标 URL，也就是数据将被发送到哪个页面，比如 action="/login" 就是指登录页面的 URL。在发送数据之前，浏览器会检查提交数据的格式是否正确，如果出错则会提示用户修改或给出错误信息。

2.2 method

这个属性用来指定数据被提交的方式，分为 GET 和 POST 两种方式，GET 方式将数据放到 URL 参数中，POST 方式将数据放到 HTTP 请求体中。一般来说，如果表单用来进行插入、删除或修改数据，需要用 POST 方式提交；如果表单用来查询数据，需要用 GET 方式提交。

2.3 enctype

这个属性是用来指定数据编码方式的。一般来说，我们用 application/x-www-form-urlencoded 编码方式就可以了。

3. 基本表单元素

下面介绍一下一些基本的表单元素：

3.1 input

这个标签用来定义一个输入框，可以设置多种类型，比如文本、密码、单选按钮、多选按钮、提交按钮等等。使用 input 标签的时候一定要设置 name 属性，用来表示输入框的变量名。例如：

3.2 select

这个标签用来定义下拉框，也叫下拉菜单。使用 select 标签的时候，需要在 select 标签对之间添加 option 标签。例如：

请选择性别

男

女

注意：其中 value 属性是指选项的值，而不是文本。

3.3 textarea

这个标签用来定义多行文本框，例如：

4. 表单控件的属性

下面介绍一些选择类控件的属性：

4.1 checked

这个属性用来指定单选按钮或多选按钮是否默认被选中。例如：

男

吃饭

4.2 disabled

这个属性用来禁用表单控件，比如：

4.3 readonly

这个属性用来指定表单控件为只读，比如：

5. 表单样式

表单样式是制作表单时需要注意的一个关键点，良好的样式可以增加表单的美观和易用性。下面介绍一些常用的样式设置：

5.1 定义表单的宽度和高度：