第一個字段中的文本顯示爲第二個字段的標籤

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事件標籤文本框本身。