首页使用html5开发一个app使用的重设密码页面

使用html5开发一个app使用的重设密码页面

时间: 2024-01-22 18:17:32 浏览: 12

以下是一个简单的HTML5重设密码页面的示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>重设密码</title> <style> form { display: flex; flex-direction: column; align-items: center; margin-top: 50px; } input { margin: 10px; padding: 5px; width: 250px; border-radius: 5px; border: 1px solid #ccc; } button { margin: 10px; padding: 5px 20px; border-radius: 5px; background-color: #007bff; color: #fff; border: none; cursor: pointer; } </style> </head> <body> <h1>重设密码</h1> <form> <label for="email">邮箱：</label> <input type="email" id="email" name="email" required> <label for="password">新密码：</label> <input type="password" id="password" name="password" minlength="6" required> <label for="confirm-password">确认密码：</label> <input type="password" id="confirm-password" name="confirm-password" minlength="6" required> <button type="submit">提交</button> </form> </body> </html> ``` 该页面包含一个表单，用户需要输入他们的邮箱地址、新密码和确认密码，然后单击提交按钮来发送请求。在这个示例中，我们使用了一些CSS样式来使页面看起来更好看一些。