HTML 表单用于收集用户输入的信息。以下是一个简单的HTML表单的例子:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML表单示例</title>
</head>
<body>

<h2>用户注册</h2>

<form action="/submit_form" method="post">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username" required>

    <br>

    <label for="password">密码:</label>
    <input type="password" id="password" name="password" required>

    <br>

    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email" required>

    <br>

    <input type="submit" value="提交">
</form>

</body>
</html>

在这个例子中:

  •  <form> 元素定义了一个表单,action 属性指定了表单提交的URL,method 属性定义了表单提交的HTTP方法(通常为 "get" 或 "post")。

  •  <label> 元素用于标记表单元素,提高可访问性。for 属性与相应表单元素的 id 属性相匹配。

  •  <input> 元素用于创建各种类型的表单控件,例如文本框(type="text")、密码框(type="password")和邮箱框(type="email")。

  •  required 属性用于指定某些字段是必填的。

  •  <br> 元素用于在表单中创建换行。


这只是一个简单的表单示例,实际应用中可能会包含更多的表单元素和功能,如下拉框、单选框、复选框等。在后端,你通常需要使用服务器端技术(如Node.js、PHP、Python等)来处理表单提交的数据。


转载请注明出处:http://www.zyzy.cn/article/detail/3126/HTML