ボタンがクリックされたらテキストフィールド内の文字に追加する


動作ブラウザ 【 IE:3.0   NN:2.0
Internet Explorer Netscape Navigator Firefox Opera iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 7.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 8.0 1.0 7.x 8.x 9.x 2.x 3.x 1.x 2.x
Windows - - - - -
Macintosh - - - -
UNIX - - - - - - - - - - - -

ポイント document.faceForm.face.value += str;
説  明 ボタンがクリックされたらテキストフィールドに文字を追加するには、+=を使って、すでに入力されているテキストフィールドの文字と連結します。
サンプル <html> <head> <title>ボタンがクリックされたらテキストフィールド内の文字に追加する</title> <script type="text/javascript"><!-- function addTF(str) { document.faceForm.face.value += str; } // --></script> </head> <body> <form name="faceForm"> <input type="text" name="face"><br> <input type="button" value="(^^)" onClick="addTF(this.value)"><br> <input type="button" value="(T_T)" onClick="addTF(this.value)"><br> <input type="button" value="(^ω^)" onClick="addTF(this.value)"><br> </form> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA