如何使用 JavaScript 在第二个页面显示输入的账号和密码
为了显示输入的密码和账号,您可以在第二个页面上添加两个文本框,一个用于输入账号,另一个用于输入密码。然后在页面上添加一个按钮,当用户点击按钮时,您可以使用 JavaScript 代码获取文本框中的值,并将其显示在页面上。
以下是一个简单的示例代码:
HTML 代码:
<!DOCTYPE html>
<html>
<head>
<title>第二个页面</title>
<script src='script.js'></script>
</head>
<body>
<h1>第二个页面</h1>
<div>
<label for='account'>账号:</label>
<input type='text' id='account'>
</div>
<div>
<label for='password'>密码:</label>
<input type='password' id='password'>
</div>
<button onclick='displayCredentials()'>显示</button>
<div id='result'></div>
</body>
</html>
JavaScript 代码 (script.js):
function displayCredentials() {
var account = document.getElementById('account').value;
var password = document.getElementById('password').value;
document.getElementById('result').innerHTML = '账号:' + account + '<br>密码:' + password;
}
当用户在账号和密码文本框中输入值并点击“显示”按钮时,页面上的`
`将显示输入的账号和密码。请注意,这只是一个简单示例,您可以根据自己的需求进行修改和扩展。
原文地址: https://www.cveoy.top/t/topic/o9ug 著作权归作者所有。请勿转载和采集!