1. 简介
在网页中，表单是用户输入数据并将其发送到服务器进行处理的重要组成部分。本教程将详细介绍如何使用HTML创建和提交表单。
2. HTML <form> 元素
在HTML中，所有的表单数据都是由 <form> 元素包裹起来的。以下是一个基本的表单结构：
<form action="/submit_url" method="post">
<!-- Form fields go here -->
</form>
在这个例子中，action 属性指定了数据将被发送到的服务器端URL。method 属性定义了HTTP请求方法（GET或POST）。
3. HTML <input> 元素
表单通常包含至少一个输入字段，这些字段允许用户输入数据。HTML中的 <input> 元素被用来创建不同类型的输入字段。以下是一些例子：
- 文本字段：
<input type="text" name="username" placeholder="Enter your username"> - 密码字段：
<input type="password" name="password" placeholder="Enter your password"> - 单选按钮：
<input type="radio" id="male" name="gender" value="male"> <label for="male">Male</label> - 复选框：
<input type="checkbox" id="subscribe_newsletter" name="subscribe_newsletter" value="yes"> <label for="subscribe_newsletter">Subscribe to our newsletter?</label>
4. HTML <textarea> 元素
<textarea> 元素用于创建多行文本输入字段：
<textarea name="message" placeholder="Enter your message here..."></textarea>
5. HTML <select> 和 <option> 元素
<select> 和 <option> 元素用于创建下拉菜单：
<select name="country">
<option value="us">United States</option>
<option value="ca">Canada</option>
<!-- More options go here -->
</select>
6. HTML <button> 和 <input type="submit"> 元素
最后，表单需要一个提交按钮。这可以使用 <button> 元素或者 <input type="submit"> 元素来实现：
-
<button>元素：<button type="submit">Submit</button> -
<input type="submit">元素：<input type="submit" value="Submit">
7. 提交表单
一旦用户填写完表单并点击了提交按钮，数据将被发送到服务器端URL进行处理。具体的处理方式取决于后端代码。