- ベストアンサー
<TD><input type="text"></TD>でテキストボックスとセルの間にわずかな隙間があいてしまう・・
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
隙間をつくってしまう原因はいくつかあります。 (1) <TABLE>タグ BORDER=0またはNOBORDERにする。 CELLSPACING=0 CELLPADDING=0 (2) <INPUT TYPE="TEXT">前後の改行 <TD><INPUT TYPE="TEXT"></TD> (3)<FORM>や</FORM>タグの記述場所 恐らくこれが原因でしょう。 上記には記述されていませんが、 <TABLE> <TR> <TD> <FORM ～> </TD> </TR> <!-- ここから10回ほど繰り返し --> <TR> <TD> <INPUT TYPE="TEXT"> </TD> </TR> <!-- ここまで --> <TR> <TD> </FORM> </TD> </TR> </TABLE> としていませんか？ HTMLとしては好ましくないと思いますが、<FORM>や</FORM>の前後にある<TR><TD>～</TD></TR>を取り除き、以下の様にします。 <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0> <FORM ～> <!-- ここから10回ほど繰り返し --> <TR> <TD><INPUT TYPE="TEXT"></TD> </TR> <!-- ここまで --> </FORM> </TABLE> 尚、表の罫線を残すのであればBORDERを変更したりしてください。
関連するQ&A
- INPUT BOX テキスト範囲
<table> <tr> <td>名前：</td> <td><input type=text name="NAMAE"></td> </tr> <tr> <td>住所：</td> <td><input type=password name="jusho"></td> </tr> </table> 例えば、このようなタグがありまして、 表示すると、名前・・・ 住所・・・ とあり、その後の空欄（テキスト）も表示されますが、 範囲も指定できませんか？
- ベストアンサー
- HTML
- リスト上のtextボックスに数値を入れるJS
以下の例えば120人のリストのテキストボックスに、テストの 順位を表す順位を1から120まで一括入力するボタンを設 けたいのですが、javascriptをご教示いただけますと幸 いです。さらに、順位は10とびで、10、20、30、・・・1200、 と入れるボタン（10ずつカウントアップ）もあるとうれ しいです。 よろしくお願い致します。 <form method="post" action="" name="myform"> <table> <tr><td>出席番号</td><td>氏名</td><td>順位を入力</td></tr> <tr><td>1</td><td>阿藤一郎</td><td><input type="text" name="rank" value=""></td></tr> <tr><td>2</td><td>伊藤次郎</td><td><input type="text" name="rank" value=""></td></tr> <tr><td>3</td><td>宇藤三郎</td><td><input type="text" name="rank" value=""></td></tr> ： （以下、120人続く） <tr><td>120</td><td>加藤太郎</td><td><input type="text" name="rank" value=""></td></tr> </table> </form> なお、リストは１２０人とは限りません。 ５０人（５０行、５０テキストボックス）の場合も、 ８０人（８０行、８０テキストボックス）の場合もあり ます。
- ベストアンサー
- JavaScript
- 同一nameの input type="text" の合計を計算したい
初めて質問させて頂きます。 form 内で同じname名を付けられたテキストフィールドの値の合計を計算し、その値に定数を乗じた値を表示させたいのですが、出来ずに困っております。 name名を別にすれば簡単に出来そうなのですが、このinputが別CGIからの受け取りの関係で数が不定で同一nameが付いてしまいます。（inputは1個以上で上限は無し） CGI側を書き換える事は自分の技術的に不可能なので、このような質問となりました。 以下は自分なりに試行錯誤の末の拙いソースです。 どなたかお分かりになる方、ご教授を宜しくお願い致します。 <html> <head> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"> <!-- function kakunin() { var sub = Form.getInputs('form1', 'text'); （ var subtotal = ～～～; ここに上で得た数字を合計するみたいなものがくるのかなと・・・） var total = subtotal * 200; document.form1.field_total.value = total; // 合計を表示 } // --> </script> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body> <form action="" name="form1"> <table> <tr><td><input name="kazu" type="text" value="2"></td></tr> <tr><td><input name="kazu" type="text" value="1"></td></tr> <tr><td><input name="kazu" type="text" value="3"></td></tr> <tr><td>・・・増えたりします・・・</td></tr> <tr><td><input type="button" size="8" onclick="kakunin()" value="合計を確認"></td></tr> <tr><td><input type="text" name="field_total" size="30" value="total"></td></tr> </table> </form> </body> </html>
- ベストアンサー
- JavaScript
- テーブルの最後の行であるか判別したい
テーブルの中にあるテキストボックスのonchangeイベントの中で、このテキストボックスが最後の行（<tr>レベル）であることを知るにはどうすればいいでしょうか？ <table> <tr><td><input type="text" onchange="islastline()"></td></tr> <tr><td><input type="text" onchange="islastline()"></td></tr> <tr><td><input type="text" onchange="islastline()"></td></tr> </table> この場合一番下のテキストボックスに入力したときだけTRUEを返してほしいのです。
- ベストアンサー
- JavaScript
- フォームのテキストボックスの枠線を変更するには。
フォームのテキストボックス（ほかも）は、今これを入力するところのように くぼんでますよね？ これを普通の枠線のようにはできないでしょうか？ みたのは http://www.rfs.jp/sitebuilder/perl/03/03_02.html#テキストボックス のページです。 こんなふうにするにはどうしたらいいですか？ ちなみに現在は <FORM ACTION="test.cgi"> <TABLE> <TR> <TD>名前</TD> <TD><INPUT TYPE="TEXT" SIZE=10 NAME="NAME">さん</TD> </TR> </TABLE> </FORM> というような感じになっています。
- ベストアンサー
- HTML
- jQuery テキストボックス読み取り解除
標題について、うまく動作しません。 お手数ですが、ご教授願えたらと思っています。 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.4");</script> 仕様：テキストボックスをクリックしたら、読み取り専用が解除される。 ※Ajaxの初期ロード時に各々の項目はreadOnly=true設定 上記が可能なら、その後拡張仕様として、フォーカスアウトした時に 再度 readOnly=trueに設定 html <table> <tr> <td><input type="text" id="code[1]" value="00001"></td> </tr> <tr> <td><input type="text" id="code[2]" value="00002"></td> </tr> <tr> <td><input type="text" id="code[3]" value="00003"></td> </tr> jQuery (function($){ $('input[type="text"]').click(function(){ $(this).attr('readonly','readonly'); }); }); Ajaxの設定は何とかできなのですが、 jQueryの設定がうまくいきません。 どうか宜しくお願い致します。
- ベストアンサー
- JavaScript
- IE7でinputタグのtextがはみ出る
いつもお世話になります。 以下のソースのように、テーブルのtdの中にinputタグのtextを、widthを100%にして配置しています。 IE7でこれを表示すると、はみ出るというか突き抜けるというか、、、 という状態になっています。 これがIE8以上からだと、box-sizingを使用すればうまくいくのですが、IE7以下ではこのCSSは使えません。 IE7において、tdの中にうまく収めるためには、どのようにすればよいのでしょうか。 --------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> <table border="1"> <tr> <th>テキスト</th> <td style="width: 100px;"> <input type="text" style="width: 100%;" /> </td> </tr> </table> </body> </html> --------------------------------------------- 宜しくお願いします。
- ベストアンサー
- CSS
- ボタンクリックでフォーカス移動
JavaScript超ビギナーなので方法がよくわかりません。 フォームにテキストボックス（配列）４個あり ボタンを押すたびに未記入のテキストボックスにカーソルを移動したいのですが。どのようにしたらいいでしょうか。 <form name="form1" method="post"> <table width="200" border="1"> <tr><td ><input type="submit" name="Submit" value="送信"></td></tr> <tr><td ><input type="text" name="name1"></td></tr> <tr><td><input type="text" name="name1"></td></tr> <tr><td><input type="text" name="name1"></td></tr> <tr><td><input type="text" name="name1"></td></tr> </table> </form>
- ベストアンサー
- JavaScript
- ラジオボタンとテキストボックスで、ボタン選択時のテキストボックスの入力チェックするにはどうしたらよいでしょうか？
ラジオボタンとテキストボックスの組合わせで使用し、ラジオボタン選択時のテキストボックスの入力チェックをするにはどうしたらよいのでしょうか？ 以下はその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
- テーブルの枠線とテキストフィールドの縦、横の隙間をなくしたい
テーブルの枠線とテキストフィールドの縦、横の隙間をなくしたい テーブルの枠線とテキストフィールの枠を隙間なくピッチリとくっつけたい です。コードを掲示しますのでご存知の方はどなたか修正願います <body> <table width="900" border="1" style="height:25px;"> <tr> <td rowspan="2" width="400"> </td> <td rowspan="2" width="50"> </td> <td rowspan="2" width="100"><input type="text"readonly="readonly"value="サンプルシステム（株）" style="height:25px;"/> </td> <td rowspan="2" width="50"> </td> <td rowspan="2" width="100"><input type="text"readonly="readonly" value="システム管理者"style="height:25px;"/> </td> <td width="60"style="height:12px;">実施日</td> <td width="140"><input type="text" readonly="readonly" width="140"value="2010/07/01" style="height:12px;"/></td> <tr> <td height="19" style="height:12px;">CODE</td> <td><input type="text" readonly="readonly" width="140" value="TTSORD50P" style="height:12px;"/></td> </tr> </table> </body>
- ベストアンサー
- HTML
補足
改行抜いてみましたがだめでした・・・