一个文本框输入,点击确定,另外一个文本框输出同样内容
时间: 2024-02-25 17:55:52 浏览: 126
这个问题是关于一个简单的文本框输入输出的功能。实现这个功能的方法可以采用JavaScript编写。以下是一个简单的实现过程:
1.在HTML文件中添加两个文本框元素,一个是输入框,一个是输出框。
```
<input type="text" id="inputBox">
<input type="text" id="outputBox" readonly>
```
2.在JavaScript文件中获取输入框和输出框的元素,并添加一个按钮的点击事件监听器。
```
var inputBox = document.getElementById("inputBox");
var outputBox = document.getElementById("outputBox");
document.getElementById("submitButton").addEventListener("click", function() {
outputBox.value = inputBox.value;
});
```
3.当按钮被点击后,从输入框中获取文本内容,并将其赋值给输出框的value属性。
这样,当用户在输入框中输入内容并点击按钮时,同样的内容将会显示在输出框中。
阅读全文