display: ячейка таблицы не работает на элементе ввода

Я хочу сделать часть формы похожей на электронную таблицу. Есть несколько форм и<table> таким образом, не является жизнеспособным (хотя я не против, когда вы печатаете семантически табличные данные, как это имеет место).

Поэтому я попытался просто использовать макет CSS2.1 напрямую с элементами ввода формы, например.

<div class="table">
    <form class="tbody">
        <div class="tr">
            <label class="td">Label</label>
            <input class="td" name />
            <input class="td" name />
        </div>
    </form>
</div>

Полный пример вскрипка.

Но похожеdisplay:table-cell не работает на<input> элементы!

Если вы отметите в Chrome «Computed Style», на дисплее будет «inline-element».

Но я нигде не нашел, почему не должен:

Сеть Mozilla Dev CSS: отображениеW3C CSS 2.1 Рекомендация Модель визуального форматированияРекомендации по таблицам W3C

Любая идея?

Это звучало намного лучше, чем иметь<div class="cell"> вокруг<input> а потом нужно поиграть с коробочной моделью, чтобы она выглядела красиво ...

Ответы на вопрос(1)

Ваш ответ на вопрос