写一段html代码,有一个输入框,输入框中显示灰色的文字:”请输入知识“,一个按键,点击按键可以获得输入框的值并alert显示
时间: 2024-03-14 22:47:26 浏览: 17
好的,以下是一个简单的 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()` 方法弹出一个对话框显示输入框的值。
相关问题
写一段html代码,有一个输入框,一个按键,点击按键可以获得输入框的值并alert显示
好的,以下是一个简单的 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()` 方法弹出一个对话框显示输入框的值。
写一个web椭圆的文本输入框,输入框里面书写请输入文字
您好,以下是一个简单的 HTML/CSS 代码示例,可以实现一个椭圆形的文本输入框,输入框内默认显示 "请输入文字":
```html
<!DOCTYPE html>
<html>
<head>
<title>椭圆形文本输入框</title>
<style>
.ellipse-input {
width: 200px;
height: 50px;
border-radius: 50%;
border: 2px solid #ccc;
padding: 10px;
font-size: 16px;
font-family: Arial, sans-serif;
outline: none;
}
</style>
</head>
<body>
<input type="text" class="ellipse-input" placeholder="请输入文字">
</body>
</html>
```
希望这个代码能够帮到您!