写一段html代码,有一个输入框,输入框中显示灰色的文字:”请输入知识“,一个按键,点击按键可以获得输入框的值并alert显示
时间: 2024-03-14 13:47:26 浏览: 109
好的,以下是一个简单的 HTML 代码,包含一个输入框和一个按钮,输入框中默认显示“请输入知识”,点击按钮可以获取输入框的值并弹出一个对话框显示输入框的值:
```html
<!DOCTYPE html>
<html>
<head>
<title>获取输入框的值</title>
</head>
<body>
<label for="input">输入框:</label>
<input type="text" id="input" value="请输入知识"><br><br>
<button onclick="getValue()">点击获取输入框的值</button>
<script>
function getValue() {
var inputVal = document.getElementById("input").value;
alert(inputVal);
}
</script>
</body>
</html>
```
在代码中,使用了 `input` 标签来创建一个输入框,并使用 `value` 属性来设置输入框中默认显示的文本“请输入知识”。当点击按钮时,会触发 `getValue` 函数,该函数会获取输入框的值,并使用 `alert()` 方法弹出一个对话框显示输入框的值。
阅读全文