html表单代码用户名密码

admin 33 0

以下是一个简单的HTML表单代码,用于收集用户名和密码:

<!DOCTYPE html>
<html>
<head>
  <title>Login Form</title>
</head>
<body>
  <h2>Login</h2>
  <form action="/login" method="post">
    <label for="username">Username:</label><br>
    <input type="text" id="username" name="username"><br>
    <label for="password">Password:</label><br>
    <input type="password" id="password" name="password"><br>
    <input type="submit" value="Submit">
  </form>
</body>
</html>

在这个表单中,我们使用了``标签来创建一个表单,并指定了表单的提交地址(`action`)和提交方式(`method`),在这个例子中,表单将提交到`/login`地址,并使用POST方法提交数据。

我们还创建了两个``标签,分别用于收集用户名和密码,`type="text"`表示这是一个文本输入框,`type="password"`表示这是一个密码输入框,`id`和`name`属性用于标识输入框,以便在提交表单时能够正确地获取输入的值。

我们添加了一个``标签,用于提交表单,当用户点击这个按钮时,表单中的数据将被发送到指定的URL,并触发相应的处理逻辑。