Desde que uso HTML no he seguido ningún 'manual' para saber si lo que funciona realmente esta hecho de la mejor forma, una vez tuve un conflicto con un form y lo solucione pero hoy quiero confirmar si esta bien.
Primera alternativa:
<div class='card'>
<div class='card-header'>Registrar</div>
<div class='card-body'>
<form>
<div>
<label>Ejemplo1</label>
<input>
</div>
<div>
<label>Ejemplo2</label>
<input>
</div>
<div>
<label>Ejemplo3</label>
<input>
</div>
</div>
<div class='card-footer'>
<button value='Enviar'></button>
</form>
</div>
</div>
Segundo alternativa
<div class='card'>
<div class='card-header'>Registrar</div>
<form>
<div class='card-body'>
<div>
<label>Ejemplo1</label>
<input>
</div>
<div>
<label>Ejemplo2</label>
<input>
</div>
<div>
<label>Ejemplo3</label>
<input>
</div>
</div>
<div class='card-footer'>
<button value='Enviar'></button>
</div>
</form>
</div>
Como podemos ver podría realizar el mismo diseño con cualquiera de esas dos formas, pero quiero saber cual es la mejor y por qué? Supongo que la segunda, se ve mas limpio y ordenado aunque ambas funcionan.
El problema que veo en la segunda alternativa es que los elementos del footer pierden el diseño de esa clase.
En resumen: Esta mal abrir un form en un div y cerrarlo en otro diferente?
Gracias