html文档中完成输入输出 输入要求:输入自己的姓名及学号 截图改弹窗 输出要求:输出”hello Javascript alert“ ”hell
时间: 2024-09-19 08:09:34 浏览: 50
在HTML文档中,你可以通过JavaScript来实现输入和输出功能。对于输入部分,可以创建表单让用户输入姓名和学号,例如:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Input and Output Example</title>
</head>
<body>
<form id="myForm">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="studentId">学号:</label>
<input type="number" id="studentId" name="studentId"><br><br>
<button onclick="submitData()">提交</button>
</form>
<script>
function submitData() {
var name = document.getElementById('name').value;
var studentId = document.getElementById('studentId').value;
// 这里通常会发送到服务器,这里我们简单模拟显示在页面上
alert("你好,姓名:" + name + ",学号:" + studentId);
}
</script>
</body>
</html>
```
在这个例子中,用户点击“提交”按钮后,`submitData`函数会被触发,获取输入框的内容,并使用`alert`函数输出消息。
输出要求的部分已经直接通过`alert`函数实现了,当用户输入并提交时,会看到一个弹窗显示:“Hello Javascript alert”。
阅读全文