# 表单制作html
表单是网页中非常重要的一个元素，用于收集用户输入的信息，下面是一个简单的HTML表单示例，包含了文本输入框、单选框和提交按钮等元素。
我们需要创建一个HTML文件，例如`form.html`，在文件中编写以下代码：
<!DOCTYPE html>
<html>
<head>
<title>表单制作</title>
</head>
<body>
<h1>表单制作示例</h1>
<form action="/submit" method="post">
<label for="name">姓名：</label>
<input type="text" id="name" name="name" required><br><br>
<label for="email">邮箱：</label>
<input type="email" id="email" name="email" required><br><br>
<label for="gender">性别：</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br><br>
<label for="message">留言：</label><br>
<textarea id="message" name="message" rows="4" cols="50"></textarea><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
以上代码创建了一个简单的表单，包含姓名、邮箱、性别和留言等字段，下面是对每个元素的解释：
* `` 标签用于创建表单，`action="/submit"` 设置表单提交的URL，`method="post"` 设置提交方式为POST。
* `` 标签用于定义输入字段的标签，`for`属性与相应元素的`id`属性相同，以关联标签和输入字段。
* `` 标签用于创建输入字段，`type`属性定义输入类型，例如文本、电子邮件和单选按钮，`id`属性用于关联标签和输入字段，`name`属性定义输入字段的名称，该名称在提交表单时用于识别字段，`required`属性表示输入字段必须填写才能提交表单。
* `` 标签用于创建多行文本输入框，`rows`属性设置文本框的行数，`cols`属性设置文本框的列数。
* `` 标签的`type`属性为`submit`，表示创建一个提交按钮，点击该按钮时提交表单。
现在你可以在浏览器中打开`form.html`文件，看到创建的表单，用户可以填写表单并点击提交按钮，将数据提交到服务器的`/submit`URL。
