- ベストアンサー
<fieldset>タグについて
こんにちは。質問させてください。 <fieldset>タグを用いて複数のラジオボタンを入れて 選択するようなものを作成しています。 上記で宣言した<filedset>タグを画面の真中に置きたいため、 <center>タグで中心にもってきました。 ですが、<filedset>タグの中のラジオボタン類も<center>タグの 影響を受けて真中表示になってしまい、ラジオボタンの○が 縦に一列にならべられなくなってしまいました。 ------------------------------ <center> <fieldset style="width=400"> <legend><font size="+2"><B>性別</b></font></legend> <input type="radio" name="seibetu value="m" checked>男 <input type="radio" name="seibetu" value="f">女性かそれ以外の・・・<br> </fieldset></center> ------------------------------------------- 上記の場合ラジオボタンが２つになりますが、クリックする部分（○みたいなもの）の 位置がばらばらになってしまいます。 現在のところ を"男"の後ろにいくつか並べてだまして（？）いますが、 ソースがきたなくなります。 どうかご存知の方、宜しくお願いいたします。
- 653
- お礼率36% (138/382)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<center> <fieldset style="width=400"> <legend><font size="+2"><B>性別</b></font></legend> <table><tr><td> <input type="radio" name="seibetu value="m" checked>男 <input type="radio" name="seibetu" value="f">女性かそれ以外の・・・ </td></tr></table> <br> </fieldset></center> これでどうですか？
その他の回答 (1)
記述いただいてるタグでは、<center>があってもなくても、ラジオボタンはたて一列にはならないと思うのですが。 どのようなレイアウトをお考えですか？ 「性別」だけ中央で、次の行に「男」、その次の行に「女性・・・」を左インデントを合わせて表示するのでしょうか？ テーブルを組まれてはいかがでしょうか。例えば下のような。 <fieldset style="width=400"> <table align="center"> <tr> <td> <div align="center"><legend> <font size="+2"><b>性別</b></font></legend> </div> </td> </tr> <tr> <td> <input type="radio" name="seibetu value="m" checked> 男</td> </tr> <tr> <td> <input type="radio" name="seibetu" value="f"> 女性かそれ以外の・・・ </td> </tr> </table> </fieldset> 検討はずれな回答でしたらすみません。 がんばってください。
関連するQ&A
- fieldsetとlegendで囲んだ枠を印刷したい
下記のソースように枠をつけたのですが、 これを印刷しようとすると、枠内が黒く塗りつぶされたようになったり、枠の線が消えてしまいます。 このような枠を印刷する方法は他にあるでしょうか？ <html> <head> <title>お小遣い稼いでお金持ち</title> </head> <body> <form> <fieldset> <legend>性別記入欄</legend> <input type="radio" name="性別" value="おとこ">男性 <input type="radio" name="性別" value="おんな" checked>女性 </fieldset> </form> </body> </html>
- 締切済み
- HTML
- inputタグのnameとvalue属性について教えてください。
inputタグのnameとvalue属性について教えてください。 <label><input type="radio" name="性別" value="男" />男</label> <label><input type="radio" name="性別" value="女" />女</label> という風にformの内容は「name:valueで1セット」として送信されると思っていました しかしxhtml1.1ではname属性が廃止されたと思います。 xhtmlではvalueだけでデータを送信するのでしょうか? それとも、form内のname属性は例外でしょうか?
- 締切済み
- HTML
- <fieldset>タグについて
こんにちは。 <fieldset>タグについて質問があります。 ラジオボタンの選択内容を上記タグでグループ化（見た目）して表示したいのですが、 選択内容のタイトルが短く、<fieldset>タグが画面全体に表示されて 非常に醜い状態になります。 <fieldset>タグの大きさ（横の長さ）を変更することはできるのでしょうか？ 参考書を見ながらやってるのですが、何も書いてないので困っています。
- ベストアンサー
- HTML
- JavaScript フォームでのラジオボタン制御
JavaScript初心者です。 <input name="sample1" value="左ラジオボタン" checked="checked" type="radio"> 左ラジオボタン <input name="sample1" value="右ラジオボタン" type="radio">右ラジオボタン 右ラジオボタンをクリックした場合に下記のラジオボタンをクリックできる <input name="sample2" value="1" type="radio">1 <input name="sample2" value="2" type="radio">2 <input name="sample2" value="3" type="radio">3 <input name="sample2" value="4" type="radio">4 上記のように右ラジオボタンにチェックした時だけ1～4のラジオボタンをクリックできるように制御 したいのですがどのように書いて言ったらいいのか困っています。 $(function() { $("[name='sample1']").click(function(){ var num = $("[name='sample1']").index(this); if(num == 1){ $("[name='sample1']").attr("disabled", false); } else { $("[name='sample1']").attr("disabled", true); } }); }); 上記のようにしてみたのですがここからどう下のラジオボタンを操作させるようにしていったらいいのかわかりません。 詳しい方どなたかご教示頂けないでしょうか？ 宜しくお願い致します。
- ベストアンサー
- JavaScript
- ラジオボタンでdisabledとchecked
お世話になります。 ラジオボタンが3つ有り、それぞれチェックする種類によって 表示内容を変更している処理があります。 今回、そこをカスタマイズすることになり、表示するのは1種類になりました。 環境ファイルの設定で、1種類か3種類かの表示を 変更できるようにしなければなりませんが。 つまり、ラジオボタンが不要になったのですが、 そのラジオボタンを参照している箇所が数箇所あるので それらを削除するのでなく、レイアウトも崩れてしまうので ラジオボタンはそのままで、表示する種類のラジオボタンを checked し、 全部のボタンを disabled しました。 （ラジオボタン横の文字はフォントの色をグレーにしました） 問題なく、動いているのですが このような使い方はOKでしょうか？ こんな感じにしました ↓ <input type="radio" name="who" value="0" checked disabled><font class="gray">全員</font> <input type="radio" name="who" value="1" disabled><font class="gray">男性</font> <input type="radio" name="who" value="2" disabled><font class="gray">女性</font> <input type="button" value="表示" name="hyouji" id="hyouji"> よろしくお願いします。
- 締切済み
- JavaScript
- 携帯用アンケートページを作成したけど、携帯によってエラーがでてしまう。
携帯用ページを作成したのですが、機種によりエラー（「ページが表示できません」か「Forriden」）がでてしまいます。全キャリア共通で使いたいのでおかしい部分がありましたら教えてください。よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML><HEAD><meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"><meta http-equiv="Content-Style-Type" content="text/css"><TITLE>xxx</TITLE></HEAD> <BODY><form method="post" action="/cgi-bin/xxx.cgi"> <br>性別<br><input type="radio" name="rc_seibetu" value="男" checked>男<br><input type="radio" name="rc_seibetu" value="女">女<input name="cc_seibetu" type="hidden" value="性別"> <br>キャリア<br><input type="radio" name="rc_com" value="ドコモ" checked>ドコモ<br><input type="radio" name="rc_com" value="voda">voda<br><input type="radio" name="rc_com" value="au">au<br><input type="radio" name="rc_com" value="Tu-Ka">Tu-Ka<input name="cc_com" type="hidden" value="キャリア"> <br>機種<br><input name="oa_kisyu" type="text" value="例）xxx" size="14"><input name="cc_kisyu" type="hidden" value="機種"> <textarea name="oa_body">ご要望</textarea><input name="cc_body" type="hidden" value="ご要望"> <br><INPUT NAME="oa_mailtitle" TYPE="hidden" VALUE="xxx"><INPUT NAME="om_mailto" TYPE="hidden" VALUE="xxx@xxx.co.jp"><INPUT NAME="oh_page_confirm" TYPE="hidden" VALUE="cm_confirm"><INPUT NAME="oh_errpage_nodata" TYPE="hidden" VALUE="cm_nodata"><input type="submit" value="送信"><br></form></BODY>
- 締切済み
- CGI
- ラジオボタンの値を・・・・・
<html> <head> <script language="javascript"> function osu(){ document.form1.text1.value=document.form1.radio1.value; } </script> </head> <body> <form name="form1"> <input type="radio" name="radio1" value="男" checked>男 <input type="radio" name="radio1" value="女">女 <input type="button" value="押す" onClick="osu()"> <input type="text" name="text1"> </form> </body> </html> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 上記のプログラムは、選択されたラジオボタンの値をテキストボックスに表示させるプログラムなんですが、何故かラジオボタンの値が表示されず、「undefined」というのが表示されます。 どうすれば、「男」または「女」という値を表示させることができますか？ ちなみにこれは、「○○○．ｈｔｍｌ」で保存します
- 締切済み
- JavaScript
- ラジオボタンについて
つまらない質問ですがどうか教えてください。 <form name="myform"> ・ ・ ・ <INPUT TYPE="RADIO" NAME="R1" VALUE="1">関連あり</INPUT> <INPUT TYPE="RADIO" NAME="R1" VALUE="2">関連なし</INPUT> <INPUT TYPE="RADIO" NAME="R1" VALUE="3">不明</INPUT> </form> 上記のようなラジオボタンを作ったのですが、 このラジオボタンのチェックされた値を取得するには document.myForm.cGyoumu.value ではできないのでしょうか？ LOOPさせながらdocument.myForm.elements(i).checked で探さないと取得できないのでしょうか？ 同じフォーム内にラジオボタンが複数あるため、 この方法はあまりやりたくありません。 ほかに方法がありましたら、どうか教えてください。
- ベストアンサー
- JavaScript
- <form>タグに２つのボタン
<form>タグで２つのボタンを表示させ、以下のようにそれぞれのボタンで フィールドに別の値を入れて送信させることはできますでしょうか？ できればHTMLで、できなければJavaScriptでできますでしょうか？ ・button1を押したときは フィールド「CASE」に1を入れて送信、 HTMLで書くと、<input type="hideen" name="CASE" value="1"> ・button2を押したときは フィールド「CASE」に2を入れて送信、 HTMLで書くと、<input type="hideen" name="CASE" value="2"> ===== HTML ====================== <form action="test.cgi" method="post"> <input type="text" name="text1"> <input type="submit" value="button1"> <input type="submit" value="button2"> </form> 宜しくお願いします。
- ベストアンサー
- HTML
- formタグ
HTMLで、formを使用し、CGIへテキストエリアのデータをpostしたいと 考えております。 テキストエリアを3つ、ボタンを1つ設けるならば 通常以下のようにすると思います。（必要部分の抜粋） <form action="foo1.cgi" method="post" ENCTYPE="multipart/form-data"> <input type="text" name="text1" value="text1" size=50 maxlength=100> <input type="text" name="text2" value="text2" size=50 maxlength=100> <input type="text" name="text3" value="text3" size=50 maxlength=100> <input type="submit" name="aaa" value="実行"> </form> こうすると、実行ボタンをクリックすると、text1、text2、text3のテキストエリアに 記述されているテキストが送信されますが、ここにボタンをもう一つ設け、 上記3つのデータを別のCGIに送信したいのですが、 この場合どのようにHTMLを記述したらよいでしょうか？ 新たに下記のようにformタグを設けると、テキストエリアは6つになってしまいますし。。。 <form action="foo2.cgi" method="post" ENCTYPE="multipart/form-data"> <input type="text" name="text1" value="text1" size=50 maxlength=100> <input type="text" name="text2" value="text2" size=50 maxlength=100> <input type="text" name="text3" value="text3" size=50 maxlength=100> <input type="submit" name="aaa" value="実行２"> </form> どなたか分かる方情報頂けますか。
- ベストアンサー
- HTML
お礼
できました。 ありがとうございました。