Tableless

Busca Menu

Cuidado onde você enfia essa tag aí!

Seja o primeiro a comentar por

Tenho respondido muito essa dúvida ultimamente. É o seguinte, se você tiver que usar formulários e tabelas, isso aqui:

<table>
    <form>
        <tr> ...

É código inválido, errado, e não funciona no Firefox. Quando ele encontra a tag tr, ele fecha automaticamente o form para você. É como se você estivesse criando um formulário vazio e colocando uma série de campos na tabela fora do formulário. Se você tem um submit comum, não via conseguir nem submeter o formulário. Se submete via javascript, por exemplo, ao final da função de validação, vai dar submit num formulário vazio. Não chega nada no server-side. O certo é fazer:


<form>
    <table>
        <tr> ...

A gente usava do jeito anterior na era pré-Tableless, porque sem CSS era impossível remover aquele espaço antes e depois do formulário. Vício do século passado, do qual você precisa se livrar. Hoje, basta:


form {
    margin: 0;
}

Ah, sim, se você validar seu código, vai detectar esse problema. Mais uma razão para validar.

Publicado no dia