第一个字段中的文本显示为第二个字段的标签

我们如何使文本字段与另一个文本字段同步，即在第一个字段中添加文本显示为另一个文本字段的标签。基本上我已经做了一个货币兑换骨架。

<form method='POST' action='index.php'>
    <div class="row uniform 50%">
          <div class="6u 12u(mobilep)">
              <input type="text" name="from" value="" placeholder="From Which Currency?" tabindex="1" />
              <input type="hidden" name="owner" value="<?php echo $username; ?>" />
          </div>
          <div class="6u 12u(mobilep)">
              <input type="text" name="to" value="" placeholder="To Which Currency?" tabindex="2" />
          </div>
    </div>
    <div class="row uniform 50%">
          <div class="6u 12u(mobilep)">
              <input type="text" name="limit" value="" placeholder="How much volume?" tabindex="3" />
          </div>
              <div class="6u 12u(mobilep)">
              <input type="text" name="fee" value="" placeholder="Your Fee or put Zero(Don't add %age sign)" tabindex="4" />
          </div>
                  <div class="6u 12u(mobilep)">
              <input type="text" name="price" value="" placeholder="Your Rate ( Don't add symbols)" tabindex="4" />
          </div>
    </div>

这是我目前看到的以下代码的结果：https://i.stack.imgur.com/48SZk.png

但我想把它变成这样：https://i.stack.imgur.com/zA2Va.png