首页编写JavaScript程序实现显示用户帐号和密码的前端页面

编写JavaScript程序实现显示用户帐号和密码的前端页面

时间: 2024-02-13 14:03:21 浏览: 137

好的，以下是一个简单的示例代码，用于显示用户帐号和密码的前端页面： ``` <!DOCTYPE html> <html> <head> <title>User Login</title> </head> <body> <h2>Login</h2> <label for="username">Username:</label> <input type="text" id="username" name="username"><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password"><br><br> <button onclick="displayCredentials()">Submit</button> <script> function displayCredentials() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; alert("Username: " + username + "\nPassword: " + password); } </script> </body> </html> ``` 这段代码创建了一个简单的登录表单，包含用户名和密码的输入框，以及一个提交按钮。当用户点击提交按钮时，JavaScript函数`displayCredentials()`会被调用，该函数将获取输入框中的值，并通过弹出框的形式显示出来。注意，这只是一个简单的示例，实际应用中应该使用更加安全的方式来处理用户的账号和密码信息。

阅读全文