代码++某网页信息浏览需要输入年龄
时间: 2023-05-24 13:07:19 浏览: 73
以下是一个简单的示例代码,演示了如何在网页中提示用户输入年龄,并根据年龄显示不同的信息:
```HTML
<!DOCTYPE html>
<html>
<head>
<title>年龄输入</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>请输入您的年龄:</p>
<input type="text" id="ageInput">
<button onclick="showInfo()">确定</button>
<p id="info"></p>
<script>
function showInfo() {
var age = document.getElementById("ageInput").value;
if(age < 18) {
document.getElementById("info").innerHTML = "您还未成年,不可浏览该网页";
} else {
document.getElementById("info").innerHTML = "欢迎浏览我的网页";
}
}
</script>
</body>
</html>
```
在这个示例代码中,我们使用了HTML和JavaScript来实现以下功能:
1. 在网页中显示一个标题和一段简短的说明文字;
2. 在网页中添加一个输入框,要求用户输入年龄;
3. 在网页中添加一个“确定”按钮,当用户点击该按钮时,调用`showInfo`函数;
4. 在`showInfo`函数中,获取用户输入的年龄,并根据不同的年龄展示不同的信息。
在这个示例中,如果用户输入的年龄小于18岁,则会在网页中显示“您还未成年,不可浏览该网页”的提示信息;否则,网页会显示“欢迎浏览我的网页”的信息。当然,这只是一个简单的示例,你可以根据自己的需要修改和扩展代码。