• ベストアンサー

単語テストで使えるタグを教えてください!

ブラウザ(IE5.5)で単語のテストを作りたいのですが、そのタグを教えてください。 テキストボックスとボタンを使用したいと思っています。 例えば、普通に“book”と表示させておいて、解答者が隣にある“解答”と書いた四角いボタンを押すことによって、その隣のテキストボックスに“本”と解答が出るようにしたいのです。 いろいろタグのページやクイズのページを当たってみましたが、なかなか見つかりませんでした。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#37134
noname#37134
回答No.4

お返事がないのですが、shiba1さんが、早速作ってくださったようですので… 線から下をメモ帳にでもコピペして、htmの拡張子で保存し、IEなどで実行してみてください。 shiba1さんのは、もとの英語もフォーム内でしたが、外に出した方が大きく表示出来るかなとちょっと勝手ですが、変えてみました。 単語からBRまでがワンセットです。この5行分をコピペして、単語とa○を一つずつ変えていけばどんどん増やせます。 10個くらいで、やめて、別ページにすれば、全く同じ構成で、単語と意味だけ変え、何ページでも作っていけます。 文字やページのデザインは、普通のタグですから、どんどん工夫出来ますよね。 ___________ <HTML> <HEAD> <META content="text/html; charset=Shift_JIS" http-equiv=Content-Type> <TITLE>意味を出す</TITLE> </HEAD> <BODY bgColor="#bbffff"> <CENTER> <font color="#000099"size="6"> 日本語の意味をおすと、意味が分かります。<BR> <form name="tangotest"> book   <input type="button" value="日本語の意味" onClick="document.tangotest.a1.value='本'"> <input type="text" value="???" name="a1"> <br> dog    <input type="button" value="日本語の意味" onClick="document.tangotest.a2.value='犬'"> <input type="text" value="???" name="a2"> <br> <hr> <input type="reset" value="リセット"> </form> </BODY> </HTML>

noname#1666
質問者

お礼

申し訳ございません。このところひどく疲れていたために、お礼をするのが遅くなってしまいました。 ご丁寧に何度も投稿していただいたり、すべてのタグを解説していただいたりして、本当に助かりました。 ご紹介していただいたページは、これからじっくり見させていただきます。 お忙しい中、本当にありがとうございました(^^)

その他の回答 (3)

  • shiba1
  • ベストアンサー率41% (10/24)
回答No.3

こんばんは。 確かに、JavaScriptですが、 formで操るだけならそんなに難しくないと思います。 例: <form name="tangotest"> <input type="text" value="book"> <input type="button" value="解答" onClick="document.tangotest.a1.value='本'"> <input type="text" value="???" name="a1"> <br> <input type="text" value="dog"> <input type="button" value="解答" onClick="document.tangotest.a2.value='犬'"> <input type="text" value="???" name="a2"> <hr> <input type="reset" value="リセット"> </form> たくさん問題を作るなら、JavaScriptで関数を作った方がいいですが・・・。 では、頑張って下さいね。

noname#1666
質問者

お礼

お返事が遅れて申し訳ございません。 JavaScriptで関数ですか・・・、何だか難しそうですね(^^; まだまだ勉強が足りません。 それでは、JavaScriptと単語練習を頑張ってみます。 アドバイス、本当にありがとうございました☆

noname#37134
noname#37134
回答No.2

ご希望の物は、JavaScriptとしては、とても簡単な部類と思います。サンプルスクリプトを作って、お見せしてもいいのですが、もう仕事に出ないとならないので… とりあえず、参考URLをご覧になって、トライ!の気持ちになられたら、お礼のところにでも、追記してください。

参考URL:
http://tohoho.wakusei.ne.jp/js/index.htm
noname#37134
noname#37134
回答No.1

そのようにするなら、JavaScriptで書く必要があると思います。通常のhtmlタグだけでは、できません。 JavaScriptについては、どの程度お分かりでしょうか?

noname#1666
質問者

補足

やっぱり、JavaScriptが関係していたんですね(^^; すみません、JavaScriptは全然と言っていいほど分かりません。

関連するQ&A