tipos son que los formularios formulario form estructura elementos ejemplos ejemplo cuales contacto html semantic-markup

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>