フォームに入力した値をリアルタイムで別のフォームに反映させるスクリプト

質問

こんにちは。
現在作成している入力フォームで以下のような機能を追加したいと考えています。

ソース：
<form>
<input type="text" name="id" />
<input type="text" name="nickname" />
</form>

機能：
idに入力した値がnicnameに即座に反映される

このようなjavaスクリプトのサンプルを配布している場所をご存じの方はいらっしゃらないでしょうか？

自分でも探しましたが以下のページが理想に一番近かったです。
http://www.rememberthemilk.com/signup/

ただ、
・対象のフォームにフォーカスしないと反映されない
という点と
・日本語、記号に対応していない
という点が致命的で使えないのですが・・。

みなさま、よろしくお願い致します。

回答No.1

Tanigucchi · ベストアンサー

骨子は以下のようなソースでいかがでしょう？
<script type="text/javascript">
function copyid() {
document.hoge.nickname.value = document.hoge.id.value;
}
</script>
<form name="hoge">
<input type="text" name="id" onkeyup="copyid()">
<input type="text" name="nickname" />
</form>

お礼

直接コードを教えて頂きありがとうございます。
理想どおりの動作です！

本当にありがとうございました！！