编写一个网页,含一个表单,能输入一个人的名字,提交后弹出“这是XXX的考试答案!”的对话框的程序,其中XXX就是你输入的名字
时间: 2024-04-03 13:31:47 浏览: 15
这是一个 HTML 和 JavaScript 的代码,可以实现您想要的功能:
```html
<!DOCTYPE html>
<html>
<head>
<title>考试成绩查询</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
function checkName() {
var name = document.forms["myForm"]["name"].value;
if (name == "") {
alert("请输入姓名!");
return false;
}
alert("这是" + name + "的考试答案!");
return true;
}
</script>
</head>
<body>
<h1>考试成绩查询</h1>
<form name="myForm" onsubmit="return checkName()" method="post">
<label for="name">请输入姓名:</label>
<input type="text" id="name" name="name">
<input type="submit" value="提交">
</form>
</body>
</html>
```
解释一下代码:
- 在 HTML 中定义了一个表单,包含一个文本框和一个提交按钮。
- 在 JavaScript 中定义了一个函数 `checkName()`,用于检查表单中的姓名是否为空。
- 如果姓名为空,弹出一个警告框,提示用户输入姓名,并返回 false,防止表单提交。
- 如果姓名不为空,弹出一个对话框,显示“这是XXX的考试答案!”,其中 XXX 是用户输入的姓名。
- 最后返回 true,允许表单提交。