您的位置首页百科知识 HTML 标签的用法 Simone 发布于 2026-04-12 04:48:54 806 阅读 HTML 标签的用法的有关信息介绍如下：HTML <form> 标签的用法 <form> 标签是 HTML 中用于创建表单的元素。表单允许用户输入数据，并将这些数据提交到服务器进行处理（例如，登录、注册、搜索等）。以下是关于 <form> 标签的详细用法和示例： 基本语法 <form action="URL" method="GET|POST"> <!-- 表单元素 --> </form> action 属性：指定表单数据提交的 URL。当用户点击提交按钮时，浏览器会将表单中的数据发送到该 URL。 method 属性：定义表单数据的提交方式，常用的有 GET 和 POST 两种。 GET 方法：将表单数据附加在 URL 后面，适用于非敏感数据的提交。 POST 方法：将数据包含在 HTTP 请求的主体中，适用于包含敏感信息（如密码）的表单。 常见的表单元素 文本输入框 (<input type="text">) <label for="username">用户名:</label> <input type="text" id="username" name="username"> 密码框 (<input type="password">) <label for="password">密码:</label> <input type="password" id="password" name="password"> 单选按钮 (<input type="radio">) <p>性别:</p> <input type="radio" id="male" name="gender" value="male"> <label for="male">男</label><br> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label> 复选框 (<input type="checkbox">) <p>爱好:</p> <input type="checkbox" id="sports" name="hobbies" value="sports"> <label for="sports">运动</label><br> <input type="checkbox" id="reading" name="hobbies" value="reading"> <label for="reading">阅读</label><br> <input type="checkbox" id="music" name="hobbies" value="music"> <label for="music">音乐</label> 下拉列表 (<select> 和 <option>) <label for="country">国家:</label> <select id="country" name="country"> <option value="china">中国</option> <option value="usa">美国</option> <option value="uk">英国</option> </select> 文本区域 (<textarea>) <label for="message">留言:</label><br> <textarea id="message" name="message" rows="4" cols="50"></textarea> 提交按钮 (<input type="submit">) <input type="submit" value="提交"> 重置按钮 (<input type="reset">) <input type="reset" value="重置"> 完整示例 以下是一个完整的表单示例，包括各种表单元素： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>表单示例</title> </head> <body> <h2>用户注册表单</h2> <form action="/submit_form" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username" required><br><br> <label for="email">邮箱:</label> <input type="email" id="email" name="email" required><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password" required><br><br> <p>性别:</p> <input type="radio" id="male" name="gender" value="male" required> <label for="male">男</label><br> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label><br><br> <p>爱好:</p> <input type="checkbox" id="sports" name="hobbies" value="sports"> <label for="sports">运动</label><br> <input type="checkbox" id="reading" name="hobbies" value="reading"> <label for="reading">阅读</label><br> <input type="checkbox" id="music" name="hobbies" value="music"> <label for="music">音乐</label><br><br> <label for="country">国家:</label> <select id="country" name="country" required> <option value="china">中国</option> <option value="usa">美国</option> <option value="uk">英国</option> </select><br><br> <label for="bio">个人简介:</label><br> <textarea id="bio" name="bio" rows="4" cols="50" required></textarea><br><br> <input type="submit" value="注册"> <input type="reset" value="重置"> </form> </body> </html> 在这个示例中，我们使用了多种表单元素来收集用户的个人信息，并设置了 required 属性以确保用户在提交前填写必要的字段。
