2

列見出しの上に検索テキストボックスを含むテーブルを作成したい

<table>
   <thead>
      <tr><td><input type="text" /></td><td><input type="text" /></td></tr>
      <tr><td>Mother</td><td>Father</td></tr>
   </thead>
   <tbody id="search-results">
      <!-- to be populated by AJAX response -->
   </tbody>
</table>

フォーム要素はこのように許可されていますか?

<form>
  <thead>...</thead>
</form>

また

<thead>
  <form>...</form>
</thead>

またはどちらの方法ですか？

また、<input type="hidden" />フォームタグ間のどこにでも配置できますか?

4

3 に答える 3

3

テーブル内では、コンテンツがテーブル内に入る場所、つまり、、、、または内に<form>のみ存在できます。または、テーブル全体をの中に入れることもできますが、どちらの方法で表示することもできません。 <td><thead><tfoot><th><caption><form>

組み込みのフォーム送信機能を使用していない場合は、<input>タグやその他のフォーム要素などのフォーム要素を、<td>で囲まずに使用することもできます。<form>

于 2013-01-29T06:39:42.383 に答える
3

<table>要素全体をでラップする必要があります。内部と要素を除いて、テーブル<form>に関連しないものを内部に配置することはできません。したがって、フォーム全体をセルに入れたくない場合は、テーブル全体をでラップする必要があります。<table><th><td><caption><td><form>

<input type="hidden">タグは他の入力タグとまったく同じです。タグは<td>他のコンテンツタグの中にラップする必要があります。

于 2013-01-29T06:40:37.427 に答える
0

これはhtml5の仕様です。ここでは、テーブルに埋め込まれたフォームのみが許可されていることがわかります。

これは、theadを使用する正しい形式です：theadチュートリアル。

以下のコンテンツは、リンクが破棄された場合に回答を保持するために、そのリンクからコピーされます。

必要に応じて、このようにテーブルを残すことができますが、高度にセマンティックに構造化されたコンテンツに感謝する場合は、要素を紹介できてうれしいです。要素はテーブルの見出しを構成し、これはブラウザに各列に含まれるものなどを通知します。要素はすべてのコンテンツを構造化するため、ブラウザはテーブルの実際のコンテンツが何であるかを認識します。前と同じ例を使用すると、および要素は次のように使用されます。

<table border="1" width="100%">
        <thead>
                <tr>
                        <td>Row 1, cell 1</td>
                        <td>Row 1, cell 2</td>
                        <td>Row 2, cell 3</td>
                </tr>
        </thead>
        <tbody>
                <tr>
                        <td>Row 2, cell 1</td>
                        <td>Row 2, cell 2</td>
                        <td>Row 2, cell 3</td>
                </tr>
                <tr>
                        <td>Row 3, cell 1</td>
                        <td>Row 3, cell 2</td>
                        <td>Row 3, cell 3</td>
                </tr>
                <tr>
                        <td>Row 4, cell 1</td>
                        <td>Row 4, cell 2</td>
                        <td>Row 4, cell 3</td>
                </tr>
        </tbody>
</table>

また、フォームタグのどこでも非表示の入力を使用できます。

于 2013-01-29T06:39:22.873 に答える