表の中で、Submitボタンを使いたいのですが、表示するとどうしてもボタンがセルの上付きになってしまいます。ついでにセルの縦方向のサイズが、2行分になってしまいます。
何とかならないのでしょうか?

たとえばのソースは以下のとおりです。

<table border="1" cellpadding="0" align="center">
 <tr>
  <td align="center">
   <form method="POST" action="123">
    <input type="submit" value="編集">
   </form>
  </td>
  <td align="center">
   <form method="POST" action="123">
    <input type="submit" value="削除">
   </form>
  </td>
 </tr>
</table>

クライアントは、WindowsNT、IE4.0です。

ご存知の方は、よろしくおねがいします。

A 回答 (4件)

フォームタグが入ると、改行になるんです。


なので、フォームタグをTDまたはTRタグの外に出すと、改行されません。

<table border="1" cellpadding="0" align="center">
 <tr>
  <form method="POST" action="123">
  <td align="center">
   <input type="submit" value="編集">
  </td>
  </form>
  <form method="POST" action="123">
  <td align="center">
    <input type="submit" value="削除">
  </td>
  </form>
 </tr>
</table>

HTMLの記述的には間違いなんですけど、ブラウザ側では問題なく認識します。(^^;;
    • good
    • 0
この回答へのお礼

回答ありがとうございます。

文法を気にしてコーディングしていたので、そのような方法は思いつきませんでした。
一度試してみます。

他のプラットフォームで試してみると、Mac+IEではちゃんと表示されるんです。OS/2+NetScape4.6では、また違った感じで空白ができますね。

プラットフォーム、ブラウザで見栄えが違って困りますね。

お礼日時:2001/07/13 13:09

失礼しました。

私の書き方が舌足らずすぎました。
FORMタグのみを格納した空行を作りその行に対してheight=1を設定してあげるのです。
<TABLE BORDER="1" CELLPADDING="0" ALIGN="center">
<TR HEIGHT=1><TD><FORM METHOD="POST" ACTION="123"></TD></TR>
<TR><TD ALIGN="center"><INPUT TYPE="submit" VALUE="編集"></TD></TR>
<TR HEIGHT=1><TD></FORM></TD></TR>
</TABLE>

ご質問のソースではformタグが二つありますので、上のように記述したものをTABLEタグの入れ子のしてあげれば解決すると思います。
<TABLE BORDER="1" CELLPADDING="0" ALIGN="center">
<TR>
<TD>
<TABLE BORDER="0" CELLPADDING="0">
<TR HEIGHT=1><TD><FORM METHOD="POST" ACTION="123"></TD></TR>
<TR><TD ALIGN="center"><INPUT TYPE="submit" VALUE="編集"></TD></TR>
<TR HEIGHT=1><TD></FORM></TD></TR>
</TABLE>
</TD>
<TD>
<TABLE BORDER="0" CELLPADDING="0" ALIGN="center">
<TR HEIGHT=1><TD><FORM METHOD="POST" ACTION="123"></TD></TR>
<TR><TD ALIGN="center"><INPUT TYPE="submit" VALUE="削除"></TD></TR>
<TR HEIGHT=1><TD></FORM></TD></TR>
</TABLE>
</TD>
</TR>
</TABLE>
    • good
    • 0
この回答へのお礼

追回答ありがとうございます。
できました。

ですが、これもformタグをtdやthの外に出すタイプなのですね。(これは厳密にはHTMLの文法には合致してないですよね)

やはりこのような方法しかないようですね。
もうしばらく、皆さんからの意見を待ってみて、締め切らせていただきます。

ありがとうございました。

お礼日時:2001/07/16 11:27

ちょっと裏技的ですが、


<table border="1" cellpadding="0" align="center">
 <tr height=1>
  <td align="center">
   <form method="POST" action="123">
 ~
のように<TR>タグにheight=1を指定するとほとんど改行していないように見えます。
上の場合はtable border="1"なので(枠線が太くなったように見えてしまうから)あまりこの方法はおすすめできませんが何かの参考になれば。
ちなみに私はよく使っています。

参考URL:http://www.kamakuratoday.com/

この回答への補足

えーと、ちょっとやってみたのですが表示は改善されないように見えます。
何か間違っているのでしょうか?

<table border="1" cellpadding="0" align="center">
 <tr height=1>
  <td align="center">
   <form method="POST" action="123">
    <input type="submit" value="編集">
   </form>
  </td>
  <td align="center">
   <form method="POST" action="123">
    <input type="submit" value="削除">
   </form>
  </td>
 </tr>
</table>

あとこれだと、改行したい列は、改行されないようになってしまうのでしょうか?

補足日時:2001/07/13 18:17
    • good
    • 0

フォームタグをテーブルタグの外側に出してしまえば良いかも。



<form method="POST" action="123">
<table border="1" cellpadding="0" align="center">
 <tr>
  <td align="center">
   <input type="submit" value="編集">
  </td>
  <td align="center">
   <input type="submit" value="削除">
  </td>
 </tr>
</table>
</form>
    • good
    • 0
この回答へのお礼

回答ありがとうございます。

私の例のソースが悪かったです。
実は、「編集」Submitボタンと「削除」Submitボタンは飛び先が違うので、テーブルタグの外に出すことができません。

ありがとうございました。

お礼日時:2001/07/13 13:02

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

このQ&Aを見た人が検索しているワード

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

QLatex 表の書き方について

Latexで表を作成していて、2行にわたる項目を作成しその項目名を上下の中央に配置したいのですが、中央揃えする方法が分かりません。
どなたか教えてください。

Aベストアンサー

http://www.biwako.shiga-u.ac.jp/sensei/kumazawa/tex/table.html
に紹介されている parboxを使う方法が使えるかもしれません。

Q
の中に さらに
があるときのSUBMITボタンについて

今、

<FORM ACTION="aaa.asp" METHOD="POST" Name="form1">
<input type="SUBMIT" value="ボタン1">

<FORM ACTION="bbb.asp" METHOD="POST" Name="form2">
<input type="SUBMIT" value="ボタン2">
</FORM>

</FORM>


としていて、ボタン2を押すとbbb.aspに
飛んでほしいのでに、aaa.aspに飛んでしまいます。
こういう場合どのようにすればよいのでしょうか?

それぞれのボタンは hidden の値をそれぞれの
フォームの中の値を渡したいので
どうしてもSubmitがいいのです。

Aベストアンサー

No.4の回答者_Leoですが、分かりにくかったと思いますので、
全ソースのサンプルを記載しますので、参考にして下さい。
No.6のyou111111さんと同じく、JavaScriptを使用しています。
下記をそのまま、新規のhtmlにコピペで使用できますよよヨ。
本来のサイトが使用しているテキストボックス名は'MT'です。
-------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<!---gooはEUCキャラクタを使っています--->
<html>

<head>
<title>SAMPLE</title>
<meta http-equiv="Content-Type" content="text/html;charset=EUC-JP">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script language="JavaScript" type="text/javascript">
<!--
//<クリックした時に実行される関数>
//*** 英和辞書
function func1(form){
document.form1.MT.value =form.TXT.value;
document.form1.submit();
}
//*** サーチ
function func2(form){
document.form2.MT.value = form.TXT.value;
document.form2.submit();
}
//-->
</script>
</head>

<body>
<!---実際に画面表示されるフォーム--->
<form>
<input type="text" name="TXT" value="Congratulation" size="40"><br>
<input type="button" onClick="func1(this.form)" value="Eng-JP">
<input type="button" onClick="func2(this.form)" value="goo">
</form>

<!-- 辞書用の仮想フォーム -->
<form name="form1" method="GET"
action="http://dictionary.goo.ne.jp/cgi-bin/dict_search.cgi">
<input type="hidden" name="MT">
<input type="hidden" name="sw" value="0">
</form>

<!--- サーチ用の仮想フォーム --->
<form name="form2" method="GET"
action="http://search.goo.ne.jp/web.jsp">
<input type="hidden" name="MT">
</form>

</body>
</html>

No.4の回答者_Leoですが、分かりにくかったと思いますので、
全ソースのサンプルを記載しますので、参考にして下さい。
No.6のyou111111さんと同じく、JavaScriptを使用しています。
下記をそのまま、新規のhtmlにコピペで使用できますよよヨ。
本来のサイトが使用しているテキストボックス名は'MT'です。
-------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<!---gooはEUCキャラクタを使っています--->
<html>

<head>
<title>SAM...続きを読む

QLaTeXで,罫線ありの表の中で下付きの数字(添え字)を使いたいのですが・・・

LaTeXでレポートを作成しているのですが,罫線ありの表の中で下付きの数字(添え字)を使う方法がわからなくて困っています.

罫線ありの表の作り方や下付き数字の作り方それぞれ単体では作れるのですが,どうしても表の中で下付き数字が作れません.

どなたかご教授お願いします.

Aベストアンサー

$で囲んで数式モードにしても駄目ですか?

$ y = x_{0} + x_{1} + x_{2} $

Qからに書き換えるか迷っています

普段はドリームウィーバー2004mxを使っております。
ブラウザはInternet Explorerの新しいほうだと思います。

私はWEB制作には素人で、ソフトに頼り四苦八苦していますので
HTMLもちょっとずつ覚えているという段階の、入り口の初心者であります。
そこで、教えてください。

先日驚いたのですが
行揃えの指定のタグがありますよね。
今までの制作部分では
<td align="XXXX">を使用してきましたが、
<td style="text-align: XXXX;">
のほうが、長い目でみて、良いということでした。
理由は<td align="XXXX">のままだと
  ・Operaブラウザで不具合
  ・またはXHTML1.1で廃止(?)
といったことがあるようです。
私は自分のInternet Explorerで観ていたので何も知りませんでした。
やはり将来的に、<td align="XXXX">は色んな不具合を起こしていく恐れがあるかも知れません。

以下は私が立てさせていただいた質問で、
経験者のおっしゃることですので信憑性はたいへん高いと思っています。
http://oshiete1.goo.ne.jp/qa5051214.html

で、本題はここからですが、長い目でみた場合に、
<td align="XXXX">を
<td style="text-align: XXXX;">の状態に書き換えるべきでしょうか。

すでに<td align="XXXX">で作ってある部分が結構あります。
ただWEBサイトは長く使いたいので、今のうちに手を打てるなら打っておこうと思います。
この書き換え案に迷っていますので、お詳しい方、アドバイスをください。
または今WEB制作中の専門家の方は、
<td align>と
<td style="text-align: XXXX;">
はどちらを使っていらっしゃることが多いのでしょうか。

もしかしたら<td valign="XXXX">も同様のことが言えるのかも知れません。
宜しくお願いいたします。

普段はドリームウィーバー2004mxを使っております。
ブラウザはInternet Explorerの新しいほうだと思います。

私はWEB制作には素人で、ソフトに頼り四苦八苦していますので
HTMLもちょっとずつ覚えているという段階の、入り口の初心者であります。
そこで、教えてください。

先日驚いたのですが
行揃えの指定のタグがありますよね。
今までの制作部分では
<td align="XXXX">を使用してきましたが、
<td style="text-align: XXXX;">
のほうが、長い目でみて、良いということでした。
理由は<td alig...続きを読む

Aベストアンサー

一応、XHTML1.1で廃止されていないという根拠です。

W3Cは、日本(日本語)の文科省みたいなところです。
http://www.w3.org/

XHTML1.1のtableのページ(英語ですがタグ名とタグ属性だけなのでわかると思います)
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_simpletablemodule


> #このあたりは、制作者の考え方次第ですね。
同意します。

読みやすいかどうかは慣例を重視(基準に)しています。
たとえば予算や売り上げ表などの「(単位千円)」みたいな記述は右寄せしています。

align指定は、もし翻訳サイトを通じてアラビア語など右から左に書く言語で表示した場合、
左寄せ、右寄せが逆転し、非常の読みづらくなります。
(この現象はfloatも同様です)

W3C(など)はそういうのも考慮し、alignなしを推奨しているようですが、(W3Cはアメリカだったと思いますが、おそらく日本語の右寄せのような習慣がないと思いますので)
現実には、私はalignを使っての影響はほとんどないと思います。

Operaの古いバージョンで、この状態をシミュレーションできた気がしますが、
もし「不具合」がその事であれば、私は無視できる範囲だと思います。

一応、XHTML1.1で廃止されていないという根拠です。

W3Cは、日本(日本語)の文科省みたいなところです。
http://www.w3.org/

XHTML1.1のtableのページ(英語ですがタグ名とタグ属性だけなのでわかると思います)
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_simpletablemodule


> #このあたりは、制作者の考え方次第ですね。
同意します。

読みやすいかどうかは慣例を重視(基準に)しています。
たとえば予算や売り上げ表などの「(単位千円)」みたいな記述は右寄せ...続きを読む

QLATEXにて表番号の後に改行をするには

LATEXで、表番号の後に改行を入れるにはどうしたら良いでしょうか?
現在、プリアンブルで
¥makeatletter
¥newcommand{¥figcaption}[1]{¥def¥@captype{figure}¥caption{#1}}
¥newcommand{¥tblcaption}[1]{¥def¥@captype{table}¥caption{#1}}
¥makeatother
でfigcaptionとtblcaptionを定義して使っています。

TABLE 1
キャプションの文

という風に、表番号の後に改行を入れて出力させたいのですが、どのように設定すればいいですか?
添付データのような形で出力したいです。

Aベストアンサー

Table I(Tableは大文字でフォント不明)となっているので、どのような文書クラス(article.clsなど)を使われているのか分からないのですが、
\usepackage{ccaption}
を入れ、キャプションの所に
\captiondelim{}
\captionstyle{\\}
\setlength{\belowcaptionskip}{10pt}
を入れれば上手く行くかと思います。

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

QLATEXで表に関することです。

今LATEXを使ってレポートを書いているのですが、ちょっとつまずいています。

あるデータを表にまとめる作業をしているのですが、セルに対角線を引くことがどうしても出来ません。つまり□(セル)の中に/(対角線)を引きたいのですが、どうやったらいいのか分からないのです。ガイドブックなどをいろいろと見ているのですが、まったく方法が載っていません。不可能なのでしょうか?さらに一つの□(セル)の中に A/(対角線)Bという感じで入力したいのですが、このようなことは可能でしょうか。

分かりにくい説明で申し訳ありませんが、分かる方はどうかご教授ください。お願いします。

Aベストアンサー

直接の回答ではないのですが,以下の本に掲載されていたかと思います。
参考にしてみてください。


参考図書:(LaTeX スタイル・マクロ ポケットリファレンス、技術評論社)


追記:現在、直接は使用していないのですが,昔私も論文作成に使って
いたことからなつかしくなり、思わず連絡した次第です。
すぐに対応できるかわかりませんがご参考までに。

参考URL:http://www.nsknet.or.jp/~tony/TeX/pocket.html

Q

どちらを使うべき?

文字列を中央に寄せたい場合は、
<p align="center"> <center> どちらを使うべきでしょうか?
最近では、<p align="center">の方が多い気がするのですが、
何か良いことでもあるのでしょうか?

Aベストアンサー

どちらも使うべきではありません。見た目・レイアウトは、HTML ではなく、CSS などのスタイルシート言語で指定します。

なお、<center> は <div align="center"> の省略形です。つまり、<center> は単なる div 要素と同じように扱われるのに対し、<p align="center"> は一つの段落要素として扱われるということです。

Qテキスト幅にあわせた表の作り方(latex 2カラム)

皆様

  こんにちは、ご教授をお願い致したいと思います。

 latexで2カラムの文書を書いています。テキスト幅(つまりカラムの幅)
に同幅の表を作りたいが、何かよい方法があれば教えてください。

\begin{table}[htbp]
\caption {Test Table}
\small
\begin{tabular*}{8cm}{@{\extracolsep{\fill}}|l|l|l|l|} \hline
Category & Characteristics & Maneuver(s) & Quadrant(s) \\ \hline
\end{tabular*}
\end{table}

これでは、幅を8cmに指定しているにも関わらず、はみ出して隣のカラムに
行ってしまいました。

1、カラム幅を表幅に継承させるにはどうすれば?
2、はみ出ないように、適当に改行するには?
3、表の第一行の文字サイズは普通サイズ、第二行以後はやや小さい
  文字サイズを指定するには?

 どなかたサンプルを示していただければと思います。

皆様

  こんにちは、ご教授をお願い致したいと思います。

 latexで2カラムの文書を書いています。テキスト幅(つまりカラムの幅)
に同幅の表を作りたいが、何かよい方法があれば教えてください。

\begin{table}[htbp]
\caption {Test Table}
\small
\begin{tabular*}{8cm}{@{\extracolsep{\fill}}|l|l|l|l|} \hline
Category & Characteristics & Maneuver(s) & Quadrant(s) \\ \hline
\end{tabular*}
\end{table}

これでは、幅を8cmに指定しているにも関わらず、はみ出して隣のカラムに
...続きを読む

Aベストアンサー

1. 8cm ではなくて、\columnwidth にします。
2. \parboxを使うのが楽だと思います。
http://www.biwako.shiga-u.ac.jp/sensei/kumazawa/tex/table.html
の下のほう
3.それは\smallのせいでは?

Qでテキストボックスとセルの間にわずかな隙間があいてしまう・・

<TABLE>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
</TALBLE>

こう書くときに、テキストボックスの下にわずかな隙間が
できるのを防ぎたいのですが、何か方法はありませんでしょうか?

Aベストアンサー

隙間をつくってしまう原因はいくつかあります。

(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を変更したりしてください。

隙間をつくってしまう原因はいくつかあります。

(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>...続きを読む


人気Q&Aランキング

おすすめ情報