ブラウザ(IE5.5)で単語のテストを作りたいのですが、そのタグを教えてください。

テキストボックスとボタンを使用したいと思っています。
例えば、普通に“book”と表示させておいて、解答者が隣にある“解答”と書いた四角いボタンを押すことによって、その隣のテキストボックスに“本”と解答が出るようにしたいのです。

いろいろタグのページやクイズのページを当たってみましたが、なかなか見つかりませんでした。
よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (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>
    • good
    • 0
この回答へのお礼

申し訳ございません。このところひどく疲れていたために、お礼をするのが遅くなってしまいました。

ご丁寧に何度も投稿していただいたり、すべてのタグを解説していただいたりして、本当に助かりました。
ご紹介していただいたページは、これからじっくり見させていただきます。

お忙しい中、本当にありがとうございました(^^)

お礼日時:2001/10/31 15:37

こんばんは。


確かに、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で関数を作った方がいいですが・・・。
では、頑張って下さいね。
    • good
    • 0
この回答へのお礼

お返事が遅れて申し訳ございません。

JavaScriptで関数ですか・・・、何だか難しそうですね(^^;
まだまだ勉強が足りません。

それでは、JavaScriptと単語練習を頑張ってみます。
アドバイス、本当にありがとうございました☆

お礼日時:2001/10/31 15:37

ご希望の物は、JavaScriptとしては、とても簡単な部類と思います。

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

参考URL:http://tohoho.wakusei.ne.jp/js/index.htm
    • good
    • 0

そのようにするなら、JavaScriptで書く必要があると思います。

通常のhtmlタグだけでは、できません。
JavaScriptについては、どの程度お分かりでしょうか?

この回答への補足

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

補足日時:2001/10/30 06:20
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qラジオボタンとテキストボックスで、ボタン選択時のテキストボックスの入力チェックするにはどうしたらよいでしょうか?

ラジオボタンとテキストボックスの組合わせで使用し、ラジオボタン選択時のテキストボックスの入力チェックをするにはどうしたらよいのでしょうか?

以下はそのhtmlソースになります。

<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td><input type="radio" name="addsearch" value="検索エンジン" id="p1"></td>
<td colspan="2"><label for="p1"><span class="stress2">検索エンジン</span></label></td>
</tr>
<tr>
<td></td>
<td>検索エンジン名</td>
<td><INPUT TYPE=text NAME="addsearch1" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="ご紹介で" id="p2"></td>
<td colspan="2"><label for="p2"><span class="stress2">ご紹介で</span></label></td>
</tr>
<tr>
<td></td>
<td>ご紹介者のお名前をおしえてください。</td>
<td><INPUT TYPE=text NAME="addsearch2" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="広告を見て" id="p3"></td>
<td colspan="2"><label for="p3"><span class="stress2">広告を見て</span></label></td>
</tr>
<tr>
<td></td>
<td>どこの広告ですか?</td>
<td><INPUT TYPE=text NAME="addsearch3" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="その他" id="p4"></td>
<td colspan="2"><label for="p4"><span class="stress2">その他</span></label></td>
</tr>
<tr>
<td></td>
<td>具体的にお願いします。</td>
<td><INPUT TYPE=text NAME="addsearch4" VALUE="" SIZE=40></td>
</tr>
</table>

よろしくおねがいいたします。

ラジオボタンとテキストボックスの組合わせで使用し、ラジオボタン選択時のテキストボックスの入力チェックをするにはどうしたらよいのでしょうか?

以下はそのhtmlソースになります。

<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td><input type="radio" name="addsearch" value="検索エンジン" id="p1"></td>
<td colspan="2"><label for="p1"><span class="stress2">検索エンジン</span></label></td>
</tr>
<tr>
<td></td>
<td>検索エンジン名</td>
<td><INPUT TYPE=text NAME="...続きを読む

Aベストアンサー

ちょっとはしょっちゃいましたがこんなんで
どうでしょ?

<form>
<table border="1">
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,1)"></td>
<td colspan="2">検索エンジン</td>
</tr>
<tr>
<td><br></td>
<td>検索エンジン名</td>
<td>
<INPUT TYPE=text NAME="addsearch1" SIZE=40 onFocus="checkRadio(this,0)">
</td>
</tr>
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,2)"></td>
<td colspan="2">ご紹介で</td>
</tr>
<tr>
<td><br></td>
<td>ご紹介者のお名前をおしえてください。</td>
<td><INPUT TYPE=text NAME="addsearch2" SIZE=40 onFocus="checkRadio(this,1)"></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" id="p3" onClick="focusText(this,3)"></td>
<td colspan="2">広告を見て</td>
</tr>
<tr>
<td><br></td>
<td>どこの広告ですか?</td>
<td><INPUT TYPE=text NAME="addsearch3" SIZE=40 onFocus="checkRadio(this,2)"></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="その他" id="p4" onClick="focusText(this,4)"></td>
<td colspan="2">その他</td>
</tr>
<tr>
<td><br></td>
<td>具体的にお願いします。</td>
<td><INPUT TYPE=text NAME="addsearch4" VALUE="" SIZE=40 onFocus="checkRadio(this,3)"></td>
</tr>
</table>
</form>

<script language=javascript>
function checkRadio(num,n){
num.form.addsearch[n].checked=true
}
function focusText(num,n){
num.form.elements["addsearch"+n].focus()
}
</script>

ちょっとはしょっちゃいましたがこんなんで
どうでしょ?

<form>
<table border="1">
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,1)"></td>
<td colspan="2">検索エンジン</td>
</tr>
<tr>
<td><br></td>
<td>検索エンジン名</td>
<td>
<INPUT TYPE=text NAME="addsearch1" SIZE=40 onFocus="checkRadio(this,0)">
</td>
</tr>
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,2)"></td>
<td colspan="2">ご紹介で</td>
</tr>
<tr>
<...続きを読む

QObjectタグでgifを載せようとしたらテキストボックスになる。

HTMLにObjectタグを使ってGif画像を載せようとしているのですが・・・

<object
date="button/replay.gif"
type="image/gif"
classid="C3EAF164-E06A-11D2-B5C9-0050041B7FF6"
id="Replay"
name="replay"
border="0"
width="123"
height="83">
<param・・・・(割愛)
</object>

このようなタグを書いたところ(改行はここに載せるために加えました。実際には改行はここまで入ってません)、画像が表示されず、何故か複数行テキストボックスが出てきてしまいました。

Gif画像を表示させるにはどうしたらよいでしょうか。
何故にテキストボックスがでてくるのでしょうか。。。

objectタグの奥深さに負けそうです。

どうぞご教授くださいますよう宜しくお願いいたします。

Aベストアンサー

<object
date="button/replay.gif"
type="image/gif"
classid="C3EAF164-E06A-11D2-B5C9-0050041B7FF6"
id="Replay"
name="replay"
border="0"
width="123"
height="83">
<param・・・・(割愛)
</object>

2行目・・・dateじゃなくてdataです。

>画像が表示されず、何故か複数行テキストボックスが出てきてしまいました。

画像が表示されない原因はおそらく上記の記述ミスで、テキストボックスのように見えるのは、<object>の表示領域のスクロールバーではないですか?
 これを消す方法は、下記URLが参考にしてみてください。

http://sharland.yoko.ne.jp/Scriptlets/ImageScroll/ImageScroll.html


#<object>要素については、ブラウザの対応状況がまだ進んでいない模様です。あと、ブラウザの設定によっては表示されない場合(ActiveXを無効にするなど)があります。特に必要がなければ画像は<img>で表示させることをおすすめします。

参考URL:http://sharland.yoko.ne.jp/Scriptlets/ImageScroll/ImageScroll.html

<object
date="button/replay.gif"
type="image/gif"
classid="C3EAF164-E06A-11D2-B5C9-0050041B7FF6"
id="Replay"
name="replay"
border="0"
width="123"
height="83">
<param・・・・(割愛)
</object>

2行目・・・dateじゃなくてdataです。

>画像が表示されず、何故か複数行テキストボックスが出てきてしまいました。

画像が表示されない原因はおそらく上記の記述ミスで、テキストボックスのように見えるのは、<object>の表示領域のスクロールバーではないですか?
 これを消...続きを読む

Q[html] タグの参照ボタンを画像ボタンにしたい。

タイトルのとおりなんですが、<input type="file">をhtmlで記述するとテキストボックスと共に参照ボタンが表示されますよね?
あの参照ボタンを画像ボタンにしたいのですが、どうしたらできるのでしょうか?それともそもそも出来ないのでしょうか?

教えてください。お願いします。

Aベストアンサー

見た目は、これでごまかせます。
機能的にも問題ないです。

> background-image :url(./image.gif);
の「./image.gif」の部分に、自分が表示したい画像のpathを指定



<html>

<head>

<style>
.fake_button
{
width : 10px;
height : 23px;
background-image :url(./image.gif);
background-repeat : no-repeat;
cursor : hand;
}
</style>

<script>
function view_path(_value){
document.all.txtfilename.value=_value;
}
</script>

</head>

<body>
<input type="file" name="uploadFile" style="display:none" onchange="view_path(this.value);">
<input type="text" name="txtfilename" size="25" disabled>
<span onclick="filupload.click();" class="fake_button">
</body>


</html>

参考URL:http://chaichan.hp.infoseek.co.jp/qa3000/qa3341.htm

見た目は、これでごまかせます。
機能的にも問題ないです。

> background-image :url(./image.gif);
の「./image.gif」の部分に、自分が表示したい画像のpathを指定



<html>

<head>

<style>
.fake_button
{
width : 10px;
height : 23px;
background-image :url(./image.gif);
background-repeat : no-repeat;
cursor : hand;
}
</style>

<script>
function view_path(_value){
document.all.txtfilename.value=_value;
}
</script>

</head>

...続きを読む

QHTMLのタグで [テキスト文(.txt)] をIE以外(テキストエディタなど)で開けますか?

たとえば <a href="test.txt" target=_blank> (あるいは、<a href="test.txt" target="(ジャンプ先)">)とした場合…
 テキスト文はIEブラウザで html と同じように開きますが、 これをいきなり「ノートパッド」や「他のテキストエディタ」で開くようにできますか?

つまり、<a href="test.pdf">PDF</a> ですと、いきなりAdobeのリーダーが開きますが、これと同じように、<a href="test.txt">をテキストエディタで開きたいのですが…。

 よろしくお教え下さい。

Aベストアンサー

う~ん,的をはずしているかも・・・。

ノートパッドで作製したものを,ワードパッドにコピーして,これを「test.rtf」で保存し,このファイルへのリンクを貼って,それぞれアップロードしてみてはいかがでしょう。
もしかしたら,IEのバージョンによっては,ダウンロードするかを聞いてきますが・・・。(でも,開くにしますと,ブラウザの中にWordの機能で開きます)

Q“タグの属性”と“スタイル”の優先度について

HTMLの勉強をしています。以下のソースですと、“cellpadding”が機能しません。試しに、*{margin:0; padding:0;}を外しレンダリングしてみると、うまくいきました。これは、やはり、「“タグの属性”と“スタイル”での指定なら、“スタイル”が優先されると考えてよいのですか?」

よろしく、お願いします。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
<style text/css>
*{
margin:0px;
padding:0px;
}
</style>
</head>

<body>
<table width="200" border="1" cellspacing="1" cellpadding="15">
<tr>
<td>セルパディング</td>
</tr>
</table>
</body>
</html>

HTMLの勉強をしています。以下のソースですと、“cellpadding”が機能しません。試しに、*{margin:0; padding:0;}を外しレンダリングしてみると、うまくいきました。これは、やはり、「“タグの属性”と“スタイル”での指定なら、“スタイル”が優先されると考えてよいのですか?」

よろしく、お願いします。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Con...続きを読む

Aベストアンサー

*{
margin:0px;
padding:0px;
}
なんて、お馬鹿な指定は止めましょう。オーサリングツール由来のもので、それをしてしまうと、すべてのデフォルトのスタイルを一から設定しなおさなきゃならない。
 必要最小限の
html,body{margin.0;padding:0;}位でよい!!

 スタイルシートを使うときは、基本的にstrictでHTMLを書きましょう。strictはプレゼンテーションに関わる要素、属性が使えません。スタイルシートでプレゼンテーションをHTMLは文書構造をというすみわけがきちんとできます。

<table summary="何とかの表">
 <tbody>
  <tr>
 ・・・・・・・・でよい。

 CSSを使うなら、プロパティより先にしっかり覚えておかなければならないのは、カスケーディング処理・・これがCSSの命であり、最大の利点。カスケーディング処理を理解してなきゃ、膨大な無駄なCSSととんでもないHTMLを書くことになる。

 HTMLの要素(Element)の属性(attribute)での指定は、詳細度0として計算されますから、
たとえば、
 table{cellpadding:0.5ex 0.5em;}と指定されただけで、その宣言は詳細度1ですね。だから上書きされる。
6.4.4 CSS以外の手段による体裁指定の優先度 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cascade.html#q12 )


カスケーディング処理
★ユーザー、著者の最重要宣言
★スタイルの出所(ユーザー、著者、ブラウザ)
★出現順番
★詳細度
★継承されるプロパティか、されないプロパティか?

値の割り当て、カスケード処理、継承 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cascade.html )

これを使わなきゃ、CSS(カスケーディングスタイルシート)と言いながら、CSSじゃない。

*{
margin:0px;
padding:0px;
}
なんて、お馬鹿な指定は止めましょう。オーサリングツール由来のもので、それをしてしまうと、すべてのデフォルトのスタイルを一から設定しなおさなきゃならない。
 必要最小限の
html,body{margin.0;padding:0;}位でよい!!

 スタイルシートを使うときは、基本的にstrictでHTMLを書きましょう。strictはプレゼンテーションに関わる要素、属性が使えません。スタイルシートでプレゼンテーションをHTMLは文書構造をというすみわけがきちんとできます。

<table summary="何とかの...続きを読む


人気Q&Aランキング

おすすめ情報