<!DOCTYPE html> <html> <head> <title>登录页面</title> </head> <body> <h2>登录</h2> <form action="login.jsp" method="post"> <label for="username">用户名:</label><br> <input type="text" id="username" name="username"><br> <label for="password">密码:</label><br> <input type="password" id="password" name="password"><br> <input type="checkbox" id="rememberMe" name="rememberMe">记住我<br> <input type="submit" value="登录"> </form> </body> </html>
在上述代码中,我们首先使用<h2>
标签创建了一个标题"登录",使用<form>
标签创建了一个表单,action
属性指定了表单提交的目标页面为login.jsp
,method
属性指定了提交方式为post
。
在表单中,我们使用<label>
标签为用户名和密码创建了标签,并使用<input>
标签创建了文本框和密码框,分别用于输入用户名和密码。id
属性用于唯一标识表单元素,name
属性用于在服务器端获取表单数据。
我们使用<input>
标签创建了一个复选框,用于实现记住我功能,我们使用<input>
标签创建了一个提交按钮,用于提交表单。
上述代码只是一个简单的登录表单示例,实际应用中可能需要根据具体需求进行修改和完善,添加验证规则、加密密码、处理登录逻辑等。
评论列表