フォームのようなテーブル

それぞれのtdがフォームフィールドであるテーブルを作成したいと思います。それに近づく最善の方法は何ですか？私は正規のテーブルを作成して、tdフィールドのサイズに似てフォームフィールドにCSSスタイルを適用する必要がありますか？うーん...何をお勧めしますか？フォームのようなテーブル

出典

2011-09-14 Michelle

'[contenteditable]' – zzzzBov

あなたは簡単にフォームの内側にタグを配置することができますので、私は、フォームにテーブルを入れ子に推薦する：

<form> 
<table> 
    <tr> 
    <td>Name: <input type="text" name="name" /></td> 
    <td>Age: <input type="text" name="age" /></td> 
    </tr> 
</table> 
<input type="submit" value="Submit" /> 
</form>

各ラベルの付いたテキストボックスにあなたの1行、2列の表を与えることになりますカラム。あなたのHTMLタグを入れ子にすることに注意してください。大きなテーブル/フォームを作成した場合、混乱が早くなる可能性があります。

出典

2011-09-14 20:10:37 Terrik

一つの方法は、contenteditable

<html> 
    <table> 
     <tr> 
       <td> 
        <div contenteditable="true"></div> 
       </td> 
      </tr> 
    </table> 
</html

出典

2011-09-14 20:11:16

人々がここdemo jsFiddleだ程度display: table、display: table-rowとdisplay: table-cell!

を忘れているように思わ使用することです。

出典

2011-09-14 20:22:42 Maxpm

フォームのようなテーブル

答えて

関連する問題