FORM変数の内容を直ちに表示する方法

CGIを使わなくても、FORM変数の値をその場で処理して、 結果をFORMのfieldに出力することができます。

スクリプトソース

<FORM>
Input an number <INPUT TYPE=TEXT NAME="input">
<INPUT TYPE=BUTTON VALUE="Calc" onClick="form.result.value=form.input.value * 2"><BR>
<INPUT TYPE=TEXT NAME="result">
</FORM>

スクリプト実行結果

Input a number

ボタンを押すとこのformのinputと名付けたobjectの値に2を掛けた値が このfromのresultと名付けたobjectの値として代入され、 直ちにresultのfieldに表示されます。