帮我根据一下要求写一段初级html代码,1、弹出用户年龄输入框 2、如果用户输入非数字,提示用户输入年龄数字 3、如果用户输入年龄不满足0-100之间数字,提示用户输入合法年龄 4、提示用户输入的年龄
时间: 2024-09-09 12:14:09 浏览: 78
Python弹出输入框并获取输入值的实例
好的,根据您的要求,下面是一段简单的HTML和JavaScript代码示例,用于创建一个输入框让用户输入年龄,并且提供相应的反馈:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>输入年龄示例</title>
<script>
function checkAge() {
var age = document.getElementById('ageInput').value;
// 检查是否为数字
if (isNaN(age)) {
alert("请输入数字作为年龄!");
return;
}
age = parseInt(age);
// 检查年龄是否在0到100之间
if (age < 0 || age > 100) {
alert("年龄必须在0到100之间!");
return;
}
// 如果一切正常,则显示年龄
alert("您输入的年龄是:" + age);
}
</script>
</head>
<body>
<h2>请输入您的年龄:</h2>
<input type="text" id="ageInput" onblur="checkAge()">
<br><br>
<input type="button" value="检查年龄" onclick="checkAge()">
</body>
</html>
```
这段代码的工作流程如下:
1. 用户在文本框中输入年龄并离开输入框(onblur事件)或者点击检查年龄按钮(onclick事件)。
2. JavaScript函数`checkAge()`被调用。
3. 函数首先检查输入的是否为数字,如果不是数字,将弹出提示。
4. 如果是数字,则进一步检查年龄是否在0到100之间,如果不在这个范围内,也会弹出提示。
5. 如果输入合法,则会弹出一个对话框显示输入的年龄。
阅读全文