用html5,javascript制作一个用户在输入框输入1-7选项可分别得到不同内容的自动回复的网页
时间: 2024-03-10 11:49:37 浏览: 15
您可以使用HTML5和JavaScript实现这个功能。以下是一个简单的实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>自动回复网页</title>
</head>
<body>
<h1>请选择您要咨询的问题:</h1>
<input type="text" id="input">
<button onclick="reply()">发送</button>
<p id="output"></p>
<script>
function reply() {
var input = document.getElementById("input").value;
switch(input) {
case "1":
document.getElementById("output").innerHTML = "问题1的答案";
break;
case "2":
document.getElementById("output").innerHTML = "问题2的答案";
break;
case "3":
document.getElementById("output").innerHTML = "问题3的答案";
break;
case "4":
document.getElementById("output").innerHTML = "问题4的答案";
break;
case "5":
document.getElementById("output").innerHTML = "问题5的答案";
break;
case "6":
document.getElementById("output").innerHTML = "问题6的答案";
break;
case "7":
document.getElementById("output").innerHTML = "问题7的答案";
break;
default:
document.getElementById("output").innerHTML = "请输入1-7的选项";
break;
}
}
</script>
</body>
</html>
```
在这个网页中,用户输入1-7中的任意一个数字,点击发送按钮,网页会根据不同的数字给出不同的回复内容。如果用户输入的不是1-7中的数字,则会提示用户重新输入。