• 締切済み

ボタンを押したらテキストボックスの文字色をチェンジ

ボタンをクリックしたらテキストボックスに入っている文字色を黒から赤に変えたいんですがどのようにしたらいいでしょうか? 一応、自分なりに作ってみたものです。エラーがでます。 保存ファイルの拡張子は「html」です。 ------------------------------------------------------- <html> <head> <script language="javascript"> function change(){ document.form1.text1.fgcolor="red"; } </script> </head> <body> <input type="text" value="文字色" name="text1"> <input type="button" value="押す" onClick="change()"> </body> </html> ----------------------------------------------------------

みんなの回答

noname#24096
noname#24096
回答No.2

×document.form1.text1.fgcolor="red"; ○document.form1.text1.style.color="red";

noname#53923
質問者

お礼

おぉ~うごいたぁーw 本当にありがとうございました(* ̄∀ ̄*)

  • STICKY2006
  • ベストアンサー率29% (1536/5269)
回答No.1

こんちは。 んー。おしいな。。。 <input type="text" value="文字色" name="text1"> <input type="button" value="押す" onClick="change()"> あたりが問題ですかね。 <input>を使う際には、必ず<form>タグが必要になります。 <input>は、必ず<form>~</form>の中になくてはいけません。この場合、 <form name ="form1"> <input type="text" value="文字色" name="text1"> <input type="button" value="押す" onClick="change()"> </form> となります。 ちなみに、<input>だけでなく、<select>とか<option>とかもですけどね。 <form name ="form1"> とすることで、上のJavaScriptの「document.form1.text1」が指定できるようになります。

noname#53923
質問者

補足

回答ありがとうございます。 <form></form>タグで囲んでみたらエラーはでなくなりました。 でも、テキストボックスの文字の色が変わりません。 どうしたらいいですか?

関連するQ&A