• ベストアンサー

htmlでテーブル内にテキストボックスを作りたいのですが・・・

教えてください。 2行のテーブルを作ろうとしています。 1行目が項目で 2行目が入力できるようにしたいです。 入力できるようにしたいので テーブル内にテキストボックスを作ったのですが どうしてもテーブルを作る囲い線と テキストボックスの右側の間に余白ができてしまいます。 テキストボックスの下にできる余白は <form> <table> </table> </form> という感じで、テーブルをフォームで囲むことで 無くすことができました。 HTMLでこの余白を消せる方法がありましたら ぜひ、教えてください。 よろしくお願いしますm(__)m

noname#177375
noname#177375
  • HTML
  • 回答数2
  • ありがとう数0

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

  • ベストアンサー
  • abril
  • ベストアンサー率69% (388/560)
回答No.2

ANo.1です。 「1行目が項目で2行目が入力」という事は、tableの構成は正しくはこうでしたね。 (省略) <tr> <th>項目名</th> </tr> <tr> <td><input type="text" size="50" maxlength="100" name="hoge01" value=""></td> </tr> (省略) 失礼しました。でも、この結果でも同じですよ。 ただし…仮に、「項目名」に相当するデータのボリュームが、2行目の入力フィールドの長さより相対的に長くなってしまえば、当然余白はできますが。 そういう問題ではないですよね?

その他の回答 (1)

  • abril
  • ベストアンサー率69% (388/560)
回答No.1

> どうしてもテーブルを作る囲い線とテキストボックスの右側の間に余白ができてしまいます。 サンプルで検証してみましたが、その様にはなりませんが…? --------------------------------------------------------------------- 【HTML】 --------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>サンプル</title> <link href="/css/sample.css" type="text/css" rel="stylesheet" media="all"> </head> <body> <form method="post" action="#"> <table class="hoge" summary="入力フォーム"> <tr> <th>項目名</th> <td><input type="text" size="50" maxlength="100" name="hoge01" value=""></td> </tr> </table> </form> </body> </html> --------------------------------------------------------------------- 【CSS】 --------------------------------------------------------------------- table.hoge { border-collapse: collapse; } table.hoge th, table.hoge td { padding: 0; border: solid 1px #000; } --------------------------------------------------------------------- たったこれだけの指定でも、IEやFirefox等での表示結果では、質問者様の仰る様なセルと入力フィールドとの間の隙間、はできません。 何か余計なスタイルを指定していませんか?実際のソースをもう少し詳細に補足して下さると原因が特定できるかもしれません。

関連するQ&A

  • formの下

    HTMLで <table>・・・</table><table>・・・</table> とすると上下に隙間なくぴったりとくっつきます。ところが、 <form>・・・</form><table>・・・</table> とformにすると何故かtableとの間に1行空白ができてしまいます。 このせいかどこに織り込んでも下に1行余白ができてしまいます。 なぜでしょうか?またどのようにすればぴったりくっつきませでしょうか? よろしくお願いします。

  • エクセルのテキストボックスについて

    こんにちは。 テキストボックスの設定について質問です。テキストボックスの中いっぱいに文字を書きたいのですが、どう調整しても、一番はじめの行のみ左詰で、次の行からはひともじあいてしまいます。また、右側に余白がうまれてしまっています。どこを調整したらよいのでしょうか。おしえてください。ワード2007を使っています。

  • WordのテキストBOXについて

    こんばんわぁ*^^* WordのテキストBOXについて教えて下さい。 宜しくぉ願いします。 テキストBOX(横書き)を利用して作成したのはいいのですが、 上と下の余白が微妙に違うのが気になります。 以前、文字の均等割付同様に行の均等割付ににた方法を教えて貰ったコトがあるのですが、 やり方を忘れてしまいました。教えて下さい。 説明が上手く出来ませんが・・・  1.あいう  ← このように1~3の順で文字を入力  2.かきく    1~3の行間隔も均等。  3.さしす    尚且つ、上下の余白も均等にしたい。   

  • テキストボックスの値をテーブルに追加

    お世話になります。 Access2000 あるテーブルの一覧をフォームのリストボックス(lst_1)に表示し、 そのリストボックスから選択された行を フィールド上の各テキストボックス(非連結)に表示しております。 そこで、表示されているテキストボックスの値を変更した時に テーブルに変更された値を反映させる方法をご教授よろしくお願いします。

  • テーブルのデータをテキストボックスに表示させるには?

    ソース修正をしています。 が、約4年ぶりの仕事で、行き詰まっています。 AccessVBAは初心者です。 この問題で、もう3日を費やしてしまいました・・・。 どなたか、助けてくださいませ!! Formに約10個のテキストボックスがあり、そこにはあるテーブルのデータが表示されるようになっています。 そこで、もう一つ表示させたいデータがあったので 1)Formにテキストボックスを1個追加し、 2)テーブルに一つフィールドを追加し、 3)テーブルにデータを入れるためのINSERT文を修正し、 4)実行してみました。 が、テキストボックスには #Name? が表示されて、どうも思ったと通りに動きません。 テーブルを確認すると、データはちゃんと入っていますが、テキストボックスにはどうしても値が入ってきません。 よろしくお願いします。m(__)m

  • フォームのテキストボックスの枠線を変更するには。

    フォームのテキストボックス(ほかも)は、今これを入力するところのように くぼんでますよね? これを普通の枠線のようにはできないでしょうか? みたのは 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
  • テキストボックスへの入力

    アクセス97にてソフト開発をしております フォームAの「合計」テキストボックスに表示されている数字を、フォームAを閉じたときにフォームBの「金額」テキストボックスに入力できるようにしたいのですが、 どの様にすればいいのでしょうか この二つのテキストボックスはODBCリンクテーブルと連結しています

  • テーブルのデータをテキストボックスに表示させるには?II

    先日、同じ質問しましたが、 回答はあったものの、解決出来ずに、困っています!! どなたか、助けてください! Formに約10個のテキストボックスがあり、そこにはあるテーブルのデータが表示されるようになっています。 そこで、もう一つ表示させたいデータがあったので 1)Formにテキストボックスを1個追加し、 2)テーブルに一つフィールドを追加し、 3)テーブルにデータを入れるためのINSERT文を修正し、 4)実行してみました。 が、テキストボックスには #Name? が表示されて、どうも思ったと通りに動きません。 テーブルを確認すると、データはちゃんと入っていますが、テキストボックスにはどうしても値が入ってきません。 また、追加前の状態の約10個のテキストボックスには、ちゃんとデータが渡ってきます。 このたび追加したテキストボックスだけがダメです。 テキストボックスの作成方法がNGなのでしょうか? よろしくお願いします。m(__)m

  • マウスをグリグリした時に、テキストボックスのス

    マウスをグリグリした時に、テキストボックスのスクロールバーを動かしたい アクセス2003です。 1レコードのには縦に あ い う え お と改行ありで5文字が入っていて、 2レコード目には か き く け こ と入力しています。 このテーブルを基に単票形式のフォームを作成しました。 そこにテキストボックスがあり、高さが多少あります。 テキストボックスにスクロールバーも付けました。 その状態で、マウスホイールをグリグリすると、次のレコードへ移動してしまいます。 そうではなくて、マウスホイールをグリグリした時に、 テキストボックスのスクロールバーを動かしたいのですがやり方を教えてください。 フォームのForm_Currentイベントで どうにかなりそうな気がするのですが、どうしていいかわかりません。

  • 【Excel・マクロ】コンボボックス・テキストボックスからのデータの入力について

    教えて下さい! 今シートにはA列に日付(2003/1/1~2010/12/31)、B列からI列の1行目には項目名が入っています。 これから行いたいことは、別マクロで表示させたフォームのコンボボックスから日付を選択し、同じフォーム上にある項目名に沿った8つのテキストボックスにデータを入力することにより、そのデータがシートに反映されるというものを作成したいのです。 データが入力される部分は選択された日付の行の、各項目名と交わる部分となります。 (例)        |あああ|いいい|ううう・・・ 2003/1/1 |    |    | 2003/1/2 |    |    | 2003/1/3 |    |    | ※上の表だとコンボボックスから2003/1/2を選択し、テキストボックス「いいい」部分にデータを入力するとC3セルにデータが入力されます。 コンボボックスにデータを表示させることは出来るのですが、そこから先(この日付を選んでテキストに入力して・・・)が出来ません。 よろしければ、記述を教えて頂きたいと思います。 宜しくお願い致します。

専門家に質問してみよう