フォームの表示が消えてしまう・・・

解決済

質問者：suffre
質問日時：2007/09/26 05:32
回答数：1件

初歩的なことでつまづいております。
フォームを利用して「入力」フォームに文字を入れ、「入力！」ボタンを押すと「結果」フォームにその文字を表示させたいのですがうまくいきません。
やりたいことは、

１．「入力」フォームに文字を入れます（たとえば"123"）
２．「入力！」ボタンを押します
３．すると「結果」フォームに"123"と表示させたいです　
４．また、「入力」フォームにはそのまま"123"が表示されたままにしたいです

なぜか下記の記述だとボタンを押した瞬間にすべてのフォームの文字表示が消えてしまいます。
これはどうしてなのでしょうか？すみませんがよろしくお願いします。

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript"></SCRIPT>
</HEAD>
<BODY>

<FORM name="calc" action="">
入力<INPUT type="text" size="5" name="input"><BR>
結果<INPUT type="text" size="5" name="result"><BR>
<INPUT type="submit" value="入力！" onClick="calcButton()">
</FORM>

</BODY></HTML>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： n5123
回答日時：2007/09/26 06:17

おそらく

<INPUT type="submit" value="入力！" onClick="calcButton()">
のsubmitが原因だと思います
submitをbuttonに変えてみて下さい
<INPUT type="button" value="入力！" onClick="calcButton()">
上の様に変えれば両方とも表示されると思います