我想在输入字段中输入文本并将其显示在文本框中。
我觉得很简单。我需要一个 Input 来输入文本,一个按钮和一个文本框来显示我的文本。但是我的代码不起作用。
这是我的代码:
<!DOCTYPE html>
<link rel="stylesheet" href="style.css">
<script type="text/javascript">
function ausgabe(){
var text=document.getElementById("text");
var Wiedergabe=document.getElementById("Wiedergabe");
var Text=text.value;
Wiedergabe.value=Text
}
</script>
<div class="Webview">
<div class="message_container" id="myForm" ></div>
<form class="send_container">
<input type="text">
<button type="submit"
value="Nachricht absenden"
onclick="ausgabe">
</form>
</div>
@charset "UTF-8";
.Webview{
height: 400px;
width: 300px;
}
.message_container{
height: 80%;
width: 100%;
border:5px solid green;
}
.send_container{
height: 20;
width: 100%;
}
.send_container input{
width: 70%;
height:20%
border:2px solid #1CE615;
}
.send_container button{
width: 30%;
height:20%;
}
最佳答案
我认为您以某种方式对 id 和命名做了一些误解,您正在尝试访问名称错误的元素 - 解决方案如下:
<input id="textField" type="text">
<p>
<input type="button" id="theButton" value="click me!"
onclick="document.getElementById('div').innerHTML =
document.getElementById('textField').value" />
</p>
<h3><div id="div"></div></h3>
关于javascript - 如何在文本框中显示输入的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59444442/