Java script从键盘中任意输入学生的信息,包括姓名,性别,出生日期,籍贯。查找籍贯是保定的学生
时间: 2023-06-10 22:05:23 浏览: 125
你好,我理解您的问题,让我来帮您解答。
首先,您可以使用 HTML 和 JavaScript 来从键盘输入这些学生信息,例如,您可以创建一个表单,其中包含姓名、性别、出生日期和籍贯等输入框。具体示例如下:
```
<!DOCTYPE html>
<html>
<head>
<title>学生信息录入</title>
</head>
<body>
<form>
<label>姓名:</label>
<input type="text" id="name" name="name"><br>
<label>性别:</label>
<input type="radio" id="male" name="gender" value="male"><label for="male">男</label>
<input type="radio" id="female" name="gender" value="female"><label for="female">女</label><br>
<label>出生日期:</label>
<input type="date" id="birthday" name="birthday"><br>
<label>籍贯:</label>
<input type="text" id="hometown" name="hometown"><br>
<button type="button" onclick="search()">搜索</button>
</form>
<div id="result"></div>
<script>
function search() {
var name = document.getElementById("name").value;
var gender = document.querySelector('input[name="gender"]:checked').value;
var birthday = document.getElementById("birthday").value;
var hometown = document.getElementById("hometown").value;
if (hometown === "保定") {
document.getElementById("result").innerHTML = name + "," + gender + "," + birthday + "," + hometown + "。";
} else {
document.getElementById("result").innerHTML = "未找到符合条件的学生。";
}
}
</script>
</body>
</html>
```
在这个示例中,我们创建了一个表单,并使用 `document.getElementById` 和 `document.querySelector` 方法获取输入框中的值。然后,我们通过比较籍贯是否为“保定”来判断是否符合条件,并在 `result` 元素中显示结果。
嗯,我已经为您提供了一个示例代码,希望这能够解决您的问题。如果您还有其他疑问,请随时告诉我。
阅读全文