form e accessibilità

[angelicab]

ho inserito questo form

<form name="ricerca" action="ricerca.asp" method="post" style="margin:0;">
<label for="ric">ricerca nel sito </label>
<input type="text" size="10" id="ric" name="ric" />
<input name="invia" type="submit" class="pulsante" id="invia" accesskey="r" tabindex="2" title="invia" value="Ricerca">
</form>

facendo il controllo del codice HTML ho questi errori:

Error Line 42 column 26: document type does not allow element "LABEL" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag.

<label for="ric">ricerca nel sito </label>

Error Line 43 column 59: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag.

<input type="text" size="10" id="ric" name="ric" />

Error Line 43 column 60: character data is not allowed here.

<input type="text" size="10" id="ric" name="ric" />

Error Line 44 column 128: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag.

...dex="2" title="invia" value="Ricerca">

Error Line 45 column 14: end tag for "FORM" which is not finished.

</form>

come posso correggere questi errori?

[index]

Con quale validatore ti da quegli errori?

[angelicab]

col validatore di HTML 4.01

ho provato così..

<form name="ricerca" action="ricerca.asp" method="post" style="margin:0;">
<fieldset>
<legend>Cerca nel sito</legend>
<input type="text" size="10" id="ric" name="ric" />
<input name="invia" type="submit" class="pulsante" id="invia" accesskey="r" tabindex="2" title="invia" value="Ricerca">
</fieldset>
</form>

può andar bene?

[seed_squall_it]

Semplicemente inserendo i gruppi di <label> e <input /> in degli elementi a livello di blocco come

.

<label for="ric">Ricerca nel sito</label><input type="text" size="10" id="ric" name="ric" /></p>

Puoi anche inserire in un tag

gli elementi <label> e <input /> separatamente, in modo da ottenere automaticamente l'effetto "a capo" per le descrizioni dei campi:

<label for="ric">Ricerca nel sito</label></p>


<input type="text" size="10" id="ric" name="ric" /></p>

[index]

In effetti questo dovrebbe consentirti di bypassare li validatore... ma:

"chi ha detto che un oggetto label deve essere per forza contenuto in un blocco?"

[angelicab]

inserendo il tag FIELDSET non ho più errori .. solo che il form risulta visivamente sballato...

[index]

Ma perchè non utilizzi il CSE Html Validator?

Io uso questo, e quando hai finito di validare con quello, allora sei proprio a posto.

[angelicab]

ma è un altro validatore? io sto utilizzando http://validator.w3.org

.. cmq ho ricambiato il form in questo modo

<form name="ricerca" action="ricerca.asp" method="post" style="margin:0;">



<label for="ric">ricerca nel sito </label>
<input type="text" size="10" id="ric" name="ric" />
<input name="invia" type="submit" class="pulsante" id="invia" accesskey="r" tabindex="2" title="invia" value="Ricerca">
</p>
</form>

e mi risulta validato e senza problemi in visualizzazione

[salasir]

<fieldset> è un tag da utilizzare per raggruppare gli elementi successivi del form.
Definisci la struttura del form con i suoi tag e poi gli dai la forma che vuoi con i CSS

ti do alcuni link:

Logica e stile dei form html
Accessible HTML/XHTML Forms
Prettier Accessible Forms

e se hai pazienza:
Google
del.icio.us / search