[解決済み】テーブルの中のフォーム
2022-04-16 08:10:08
質問
HTMLテーブルの中に、新しい行を追加したり、現在の行を更新したりするためのフォームをいくつか入れています。問題は、開発ツールでフォームを検査すると、フォームの要素が開いた直後に閉じられていることです(入力などはフォームに含まれません)。
そのため、フォームを送信しても、フィールドを含めることができません。
テーブルの行と入力は次のとおりです。
<tr>
<form method="post" action="">
<td>
<input type="text" name="job_num">
</td>
<td>
<input type="text" name="desc">
</td>
</form>
</tr>
何かお手伝いいただけると助かります、ありがとうございます。
解決方法は?
フォームが
不可
の子要素とする。
table
,
tbody
または
tr
. そこにフォームを置こうとすると、ブラウザはそこにフォームを移動させる傾向があります。
の後に
テーブルの内容(テーブルの行、テーブルのセル、入力など)を残したまま)。
フォームの中に表全体を入れることができます。表セルの中にフォームを入れることができます。フォームの中にテーブルの一部を入れることはできません。
表全体を一つのフォームで囲む。そして、クリックされた送信ボタンを使って、どの行を処理するかを決定するか(素早く処理するため)、すべての行を処理するか(一括更新を可能にするため)、どちらかにします。
HTML5では
form
属性
. これにより、1つの行に1つのフォームを提供することができます
テーブルの外側
を使用して、ある行のすべてのフォームコントロールをフォームのひとつに関連付けます。
id
.
関連
-
[解決済み] will-change' や translateZ() ハックは 'transition: height' のパフォーマンスを向上させるか?
-
[解決済み] :last-child が期待通りに動作しない?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] jQuery AJAX送信フォーム
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] 同じ<table>の中に複数の<tbody>を入れることはできますか?
-
[解決済み】enctype='multipart/form-data'とはどういう意味ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】エラー。Body " の後の無効な CSS: 期待されるセレクタまたは at-rule は、4 行目の "{" でした。
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み] html : iframeでhtmlのコンテンツが表示されない。
-
[解決済み] IE=edge,chrome=1というのは今でも有効なのでしょうか?
-
[解決済み] 高さを固定したBootstrapパネルボディの作り方
-
[解決済み] ホバー時に背景画像を暗くする
-
[解決済み] Bootstrap 4 の mr-auto が正しく動作しない。
-
[解決済み] HTML CSS インビジブルボタン
-
[解決済み] Railsアプリケーションにアイコンを追加する
-
[解決済み] type="application/x-shockwave-flash "で表示可能な形式は?