写一段html代码,有一个输入框,一个按键,点击按键可以获得输入框的值并alert显示
时间: 2024-03-14 08:47:23 浏览: 181
在输入框输入数据产生提示(类似百度搜索框功能)
好的,以下是一个简单的 HTML 代码,包含一个输入框和一个按钮,点击按钮可以获取输入框的值并弹出一个对话框显示输入框的值:
```html
<!DOCTYPE html>
<html>
<head>
<title>获取输入框的值</title>
</head>
<body>
<label for="input">输入框:</label>
<input type="text" id="input"><br><br>
<button onclick="getValue()">点击获取输入框的值</button>
<script>
function getValue() {
var inputVal = document.getElementById("input").value;
alert(inputVal);
}
</script>
</body>
</html>
```
在代码中,使用了 `input` 标签来创建一个输入框,并使用 `button` 标签创建一个按钮。当点击按钮时,会触发 `getValue` 函数,该函数会获取输入框的值,并使用 `alert()` 方法弹出一个对话框显示输入框的值。
阅读全文