È corretto utilizzare DIV all'interno di FORM?

Question 1

Mi chiedo solo cosa stai pensando di DIV-tag all'interno di FORM-tag?

Ho bisogno di qualcosa di simile:

<form>
  <input type="text"/>
  <div> some </div>
  <div> another </div>
  <input type="text" />
</form>

È pratica generale usare DIVall'interno FORMo ho bisogno di qualcosa di diverso?

Question 2

Va tutto bene.

Il formpresenteranno solo i controlli di tipo di ingresso (* anche Textarea, Select, ecc ...).

Non devi preoccuparti di a divall'interno di a form.

Question 3

È del tutto accettabile utilizzare un DIV all'interno di un <form>tag.

Se si guarda al valore predefinito CSS 2.1 foglio di stile , dive psono entrambi nella display: blockcategoria. Quindi, esaminando la specifica HTML 4.01 per l'elemento form, non includono solo <p>tag, ma <table>tag, quindi ovviamente <div>soddisfano gli stessi criteri. C'è anche un <legend>tag all'interno del modulo nella documentazione.

Ad esempio, quanto segue supera la convalida HTML4 in modalità rigorosa:

<!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>

Question 4

Puoi usare un <div>all'interno di un modulo - non ci sono problemi lì .... MA se hai intenzione di usare <div>l'etichetta per il inputnon ... labelè un'opzione molto migliore:

<label for="myInput">My Label</label> 
<input type="textbox" name="MyInput" value="" />

Question 5

È sbagliato avere <input> come figlio diretto di un <form>

E tra l'altro <input / > potrebbe non riuscire su alcuni doctype

Controllalo con http://validator.w3.org/check

il tipo di documento non consente l'elemento "INPUT" qui; manca uno dei tag di inizio "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS"

L'elemento menzionato non può apparire nel contesto in cui lo hai inserito; gli altri elementi menzionati sono gli unici che sono entrambi consentiti e possono contenere l'elemento menzionato. Ciò potrebbe significare che hai bisogno di un elemento contenitore o forse che hai dimenticato di chiudere un elemento precedente.

Una possibile causa di questo messaggio è che hai tentato di inserire un elemento a livello di blocco (come "<p>" o "<table>") all'interno di un elemento inline (come "<a>", "<span> "o" <font> ").

Question 6

La tua domanda non riguarda ciò che vuoi inserire nei tag DIV, motivo per cui hai ricevuto alcune risposte incomplete / sbagliate. La verità è che puoi, come ha detto Royi, inserire tag DIV all'interno dei tuoi moduli. Non vuoi farlo per le etichette, ad esempio, ma se hai un modulo con un mucchio di caselle di controllo che vuoi disporre in tre colonne, allora usa tutti i tag DIV (o SPAN, HEADER, ecc. .) per ottenere l'aspetto e la sensazione che stai cercando di ottenere.

Question 7

Definizione e utilizzo

Il tag definisce una divisione o una sezione in un documento HTML.

Il tag viene utilizzato per raggruppare elementi di blocco per formattarli con gli stili. http://www.w3schools.com/tags/tag_div.asp

Anche DIV - MDN

L'elemento HTML (o HTML Document Division Element) è il contenitore generico per il contenuto del flusso, che intrinsecamente non rappresenta nulla. Può essere utilizzato per raggruppare elementi a scopo di stile (utilizzando gli attributi class o id) o perché condividono i valori degli attributi, come lang. Dovrebbe essere usato solo quando nessun altro elemento semantico (come o) è appropriato.

Puoi usare div all'interno del modulo, se stai parlando di usare div invece di table, allora google su Tableless web design

Question 8

Come hanno detto gli altri, va tutto bene, puoi farlo benissimo. Per me personalmente, cerco di mantenere una forma di struttura gerarchica con i miei elementi con un divelemento esterno più genitore. Cerco di utilizzare solo table p ule spanall'interno dei moduli. Mi rende solo più facile tenere traccia delle relazioni genitore / figlio all'interno delle mie pagine web.

Question 9

Ho notato che ogni volta che avrei iniziato il tag del modulo all'interno di un div, i successivi fratelli div non sarebbero stati parte del modulo quando ispeziono (chrome inspect) d'ora in poi il mio modulo non verrà mai inviato.

<div>
<form>
<input name='1st input'/>
</div>
<div>
<input name='2nd input'/>
</div>
<input type='submit'/>
</form>

Ho pensato che se inserivo il tag del modulo fuori dai DIV funzionasse. Il tag form dovrebbe essere posizionato all'inizio del DIV genitore. Come mostrato di seguito.

<form>
<div>
<input name='1st input'/>
</div>
<div>
<input name='2nd input'/>
</div>
<input type='submit'/>
</form>

Question 10

Assolutamente no! Verrà eseguito il rendering, ma non verrà convalidato. Usa un'etichetta.

Non è corretto. Non è accessibile. Lo vedi su alcuni siti Web perché alcuni sviluppatori sono semplicemente pigri. Quando assumo sviluppatori, questa è una delle prime cose che cerco nel lavoro dei candidati. I moduli sono cattivi, ma prenditi il tempo e impara a farli correttamente

Question 11

No non lo è

<div>i tag vengono sempre abusati per creare un layout web. Il suo scopo simbolico è dividere una sezione / porzione nella pagina in modo che sia possibile aggiungere o applicare uno stile separato. ^{[w3schools Doc]} ^[W3C]

Dipende molto da ciò che hai `some`e `another`.

HTML5, ha più tag di significato logico, invece di avere tag di layout semplici. Il section, header, nav, asidetutto hanno il loro significato semantico ad esso. E sono usati contro<div>

È corretto utilizzare DIV all'interno di FORM?

No non lo è

Dipende molto da ciò che hai somee another.

Dipende molto da ciò che hai `some`e `another`.