以下是一个简单的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,并触发相应的处理逻辑。