son - que es un formulario en html
¿Es correcto usar DIV dentro de FORM? (9)
Definición y uso
La etiqueta define una división o una sección en un documento HTML.
La etiqueta se usa para agrupar elementos de bloque para formatearlos con estilos. http://www.w3schools.com/tags/tag_div.asp
También DIV - MDN
El elemento HTML (o elemento de división de documento HTML) es el contenedor genérico para el contenido de flujo, que no representa nada de forma inherente. Se puede usar para agrupar elementos con fines de diseño (utilizando los atributos de clase o id) o porque comparten valores de atributo, como lang. Se debe usar solo cuando no sea apropiado ningún otro elemento semántico (como o).
Puedes usar div dentro del formulario, si estás hablando de usar div en lugar de tabla, luego google sobre el diseño web Tableless
Me pregunto qué estás pensando sobre DIV-tag dentro de FORM-tag.
Necesito algo como esto:
<form>
<input type="text"/>
<div> some </div>
<div> another </div>
<input type="text" />
</form>
¿Es una práctica general usar DIV
dentro de FORM
o necesito algo diferente?
No, no es
<div>
etiquetas <div>
siempre se usan para crear un diseño web. Su propósito simbólico es dividir una sección / porción en la página para que se le pueda agregar o aplicar un estilo separado. http://www.w3schools.com/tags/tag_div.asp [W3C]
Depende en gran medida de lo que tu y another
tienen.
HTML5, tiene etiquetas de significado más lógico, en lugar de etiquetas de diseño simple. La section
, header
, nav
, a aside
todo tiene su propio significado semántico. Y se usan contra <div>
¡Absolutamente no! Presentará, pero no validará. Usa una etiqueta
No es correcto. No es accesible. Lo ves en algunos sitios web porque algunos desarrolladores son perezosos. Cuando estoy contratando desarrolladores, esta es una de las primeras cosas que verifico en el trabajo de los candidatos. Las formas son desagradables, pero tómese el tiempo y aprenda a hacerlas correctamente
Como han dicho los demás, todo está bien, puedes hacerlo bien. Personalmente, trato de mantener una forma de estructura jerárquica con mis elementos, con un div
como el elemento externo más externo. Intento usar solo table
p
ul
y span
dentro de formularios. Solo me facilita el seguimiento de las relaciones entre padres e hijos dentro de mis páginas web.
Está mal tener <input> como hijo directo de un <form>
Y, por cierto, <input / > puede fallar en algunos doctype
Compruébelo con http://validator.w3.org/check
el tipo de documento no permite el elemento "INPUT" aquí; falta una etiqueta de inicio "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS"
<input type = "text" />
El elemento mencionado no puede aparecer en el contexto en el que lo ha colocado; los otros elementos mencionados son los únicos que están permitidos allí y pueden contener el elemento mencionado. Esto podría significar que necesita un elemento contenedor, o posiblemente que haya olvidado cerrar un elemento anterior.
Una posible causa de este mensaje es que ha intentado colocar un elemento de nivel de bloque (como "<p>" o "<table>") dentro de un elemento en línea (como "<a>", "<span> ", o" <font> ").
Está totalmente bien.
El form
solo enviará sus controles de tipo de entrada (* también Textarea
, Select
, etc ...).
No tienes nada de qué preocuparte acerca de un div
dentro de un form
.
Puede usar un <div>
dentro de un formulario - no hay problema allí ... PERO si va a usar el <div>
como la etiqueta para la etiqueta de input
no ... es una opción mucho mejor:
<label for="myInput">My Label</label>
<input type="textbox" name="MyInput" value="" />
Su pregunta no aborda lo que desea poner en las etiquetas DIV, que es probablemente la razón por la que ha recibido algunas respuestas incompletas / incorrectas. La verdad es que puedes, como dijo Royi, poner etiquetas DIV dentro de tus formularios. No quiere hacer esto para las etiquetas, por ejemplo, pero si tiene un formulario con un montón de casillas de verificación que desea colocar en tres columnas, entonces, por supuesto, use etiquetas DIV (o SPAN, HEADER, etc. .) para lograr el aspecto y la sensación que está tratando de lograr.
Es completamente aceptable usar un DIV dentro de una etiqueta <form>
.
Si miras la hoja de estilos predeterminada de CSS 2.1 , div
y p
están en la display: block
categoría de display: block
. Luego, al observar la especificación de HTML 4.01 para el elemento de formulario, incluyen no solo etiquetas <p>
, sino etiquetas <table>
, por lo que, por supuesto, <div>
cumpliría los mismos criterios. También hay una etiqueta <legend>
dentro del formulario en la documentación.
Por ejemplo, lo siguiente pasa la validación HTML4 en modo estricto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
</head>
<body>
<form id="test" action="test.php">
<div>
Test: <input name="blah" value="test" type="text">
</div>
</form>
</body>
</html>