帮我编写一个页面登录框代码,按下登录按钮时会在页面显示当前时间
时间: 2024-05-07 19:20:43 浏览: 6
好的,以下是一个简单的页面登录框代码,按下登录按钮时会在页面显示当前时间:
```html
<!DOCTYPE html>
<html>
<head>
<title>页面登录框</title>
<script>
function getTime() {
var d = new Date();
var time = d.toLocaleTimeString();
document.getElementById("showTime").innerHTML = "登录时间:" + time;
}
</script>
</head>
<body>
<h2>登录</h2>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<input type="button" value="登录" onclick="getTime()">
</form>
<p id="showTime"></p>
</body>
</html>
```
在这个代码中,我们定义了一个 `getTime` 函数,当点击登录按钮时,会调用该函数来获取当前时间并在页面上显示。具体实现方式是通过 `Date` 对象获取当前时间,使用 `toLocaleTimeString` 方法将其转换为本地时间字符串,并将其设置为一个 `p` 元素的内容。登录框和按钮是使用 HTML 的 `form` 和 `input` 元素实现的。