input输入框填写完值到另一个输入框

您可以使用JavaScript来实现这个功能。具体来说，您需要使用事件监听器来监视第一个输入框，当其内容发生变化时，将其值复制到另一个输入框中。

以下是一个示例代码：

HTML代码：

<input type="text" id="input1">
<input type="text" id="input2">

JavaScript代码：

var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");

input1.addEventListener("input", function() {
  input2.value = input1.value;
});

解释：首先，我们使用`document.getElementById()`方法获取两个输入框的DOM元素。然后，我们使用`addEventListener()`方法为第一个输入框添加一个"input"事件监听器。当第一个输入框的内容发生变化时，事件监听器会触发，将第一个输入框的值复制到第二个输入框中的`value`属性中。

这就是一个简单的实现方法，您可以根据自己的需要进行修改和调整。

相关问题

js对input输入框设置初始值

你可以使用JavaScript来设置input输入框的初始值。例如，你可以使用以下代码来设置一个id为myInput的输入框的初始值为"Hello World"：

document.getElementById("myInput").value = "Hello World";

这会将输入框的值设置为"Hello World"。你可以将这段代码放在页面加载时的JavaScript代码中，这样在页面加载完成后，输入框的初始值就会被设置为"Hello World"。

我要的效果是当其中一个输入框有值时，另一个输入框将变为必填；当其中一个输入框没有值时，另一个输入框为非必填。

非常抱歉，我之前的回答有误。以下是针对你要求的正确代码：

<template>
  <div>
    <el-input v-model="input1" :required="!input2"></el-input>
    <el-input v-model="input2" :required="!input1"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      input1: '',
      input2: ''
    };
  }
};
</script>

在上述代码中，我们使用了条件渲染的方式来改变输入框的 `required` 属性。当其中一个输入框有值时，另一个输入框的 `required` 属性将被设置为 `false`，表示非必填。当其中一个输入框没有值时，另一个输入框的 `required` 属性将被设置为 `true`，表示必填。

这样，当其中一个输入框有值时，另一个输入框将变为必填；当其中一个输入框没有值时，另一个输入框为非必填。