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

Question

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

<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> 

这是结果，我目前使用此代码，请参阅：http://i.imgur.com/dWD3Nu5.png

但我想让它像这样：http://i.imgur.com/34BU8g3.png

Answer 1

添加您的文本框的文本上的keyUp事件标签文本框本身。