Form in struttura tabellare

boooooooooooo

Nuovo Utente
24 Lug 2012
8
0
0
Ciao a tutti,
ho bisogno di una struttura tabellare che recupera dei dati da un database e mi permette di modificare un campo per ogni riga restituita.
Es:
HTML:
<form action="#">
<table>
<tr>
<th>intestazione 1</th><th>intestazione 2</th><th>intestazione da modificare</th>
</tr>
<tr>

<td>risultato 1 intestazione 1</td><td><label for="res1">risultato 1 intestazione 2</label><input type="text" id="res1" /></td><td>risultato 1 intestazione 3</td>

<td>risultato 2 intestazione 1</td><td><label for="res2">risultato 2 intestazione 2</label><input type="text" id="res2" /></td><td>risultato 2 intestazione 3</td>


<td>risultato 3 intestazione 1</td><td><label for="res3">risultato 3 intestazione 2</label><input type="text" id="res3" /></td><td>risultato 3 intestazione 3</td>
</tr>
<input type="submit" value="Go" />
/table>
</form>
Volevo chiedere a voi tutti gentilissimi se il codice è corretto e accessibile.

Grazie a tutti
 
Ultima modifica di un moderatore:

Eliox

Utente Attivo
25 Feb 2005
4.390
3
0
Racchiudi i campi di input tra:
PHP:
<fieldset>...</fieldset>
Per il resto non vedo errori particolari, comunque verifica con l'apposito validatore per le porzioni di HTML.
 

boooooooooooo

Nuovo Utente
24 Lug 2012
8
0
0
Form in struttura tabellare senza label e th ridondante

Racchiudi i campi di input tra:
PHP:
<fieldset>...</fieldset>
Per il resto non vedo errori particolari, comunque verifica con l'apposito validatore per le porzioni di HTML.

Grazie per la risposta Eliox,
se io volessi avere:
HTML:
<td><input type="text"  /></td>
invece di:
HTML:
<td><label for="res1">risultato 1 intestazione 2</label><input type="text" id="res1" /></td>

visto che inserire una label dentro una cella che ha già ha un riferimento (th) mi sembra ridondante e poco significativo,
è possibile una soluzione diversa tipo una label vuota o altro.
Grazie ancora
 

Eliox

Utente Attivo
25 Feb 2005
4.390
3
0
La label aiuta il form ad essere più accessibile, in linea di massima la lascerei.
 

boooooooooooo

Nuovo Utente
24 Lug 2012
8
0
0
Label hidden

La label aiuta il form ad essere più accessibile, in linea di massima la lascerei.
Avendo a che fare con un portale di una PA, credo di doverla lasciare. Forse dandole una classe e da css renderla non visibile (visibility:hidden) potrebbe essere una soluzione per lo screen reader. Che ne dite?:confused:
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
148
63
PR
www.borgo-italia.it
ciao
potrebbe essere un'idea, però firse è meglio usare display:none; così non ti occupa spazio

HTML:
<style type="text/css">
.a{visibility:hidden;}
.b{display:none;}
</style>
<table>
<tr><td><label for="res1" class="a">risultato 1 intestazione 2</label><input type="text" id="res1" /></td></tr>
<tr><td><label for="res1" class="b">risultato 1 intestazione 2</label><input type="text" id="res1" /></td></tr>
</table>
 

boooooooooooo

Nuovo Utente
24 Lug 2012
8
0
0
ciao
potrebbe essere un'idea, però firse è meglio usare display:none; così non ti occupa spazio

HTML:
<style type="text/css">
.a{visibility:hidden;}
.b{display:none;}
</style>
<table>
<tr><td><label for="res1" class="a">risultato 1 intestazione 2</label><input type="text" id="res1" /></td></tr>
<tr><td><label for="res1" class="b">risultato 1 intestazione 2</label><input type="text" id="res1" /></td></tr>
</table>

Hai pienamente ragione!!
 

Eliox

Utente Attivo
25 Feb 2005
4.390
3
0
In alternativa si potrebbe usare qualcosa del genere:
PHP:
.hidden{
position: absolute;
left: -9999px;
top: -9999px;
visibility: hidden;
}
 

boooooooooooo

Nuovo Utente
24 Lug 2012
8
0
0
In alternativa si potrebbe usare qualcosa del genere:
PHP:
.hidden{
position: absolute;
left: -9999px;
top: -9999px;
visibility: hidden;
}

Questa è la tecnica utilizzata per la sostituzione delle immagini di sfondo.
E' un'idea a cui avevo pensato e con cui otterrei lo stesso risultato della soluzione proposta da "borgo", ma dovrei scrivere alcune regole in più. Il che non è un dramma, ma è sempre indicato scrivere meno codice sia per motivi di peso che di manutenibilità.
 
Discussioni simili
Autore Titolo Forum Risposte Data
felino Form action costum e parametri in queryString WordPress 1
M Come recuperare molteplici input form PHP 1
M Collegamento tra form html e script php PHP 4
L form immagini per il database PHP 0
A form PHP prenotazione tramite query PHP 2
A Form php prenotazione di un azienda sanitaria locale presso studio medico PHP 1
L inserimento form dati multipli ? PHP 0
L Problemi form Pagina php HTML e CSS 3
Cosina Creare bottone delete in form upload PHP 4
Cosina Creare bottone delete in form upload PHP 1
D Devo far funzionare un form di contatti PHP 4
B form gestione input PHP 2
V PHP form intersecate PHP 0
8 Javascript - PDF Form Javascript 0
J Form inserimento dati in database Ajax 1
E Gestione profilo utente tramite Form PHP 3
R [C#] Form principale si blocca mentre un altro Thread lavora .NET Framework 0
M Problema con controllo form in real time jQuery 6
D Form validazione Javascript 2
R form recovery pass PHP 0
V Symfony e i form PHP 3
M form con checkbox PHP 8
S come aggiustare un form di contatto? HTML e CSS 3
F query e form con select multipla PHP 17
AC1 Form in finestra modale PHP 1
MarcoGrazia Verifica di una stringa o di un nome proveniente da form Snippet PHP 0
A Inserimento dati nel database tramite form + altre operazioni PHP 18
websilvia Contact form using Bootstrap 3.3.4 PHP 8
Alex_70 Button non funziona nella form PHP 2
C Form email php su pagina index.html? PHP 21
W Rinominare Documenti Con Form Asp Classic ASP 9
S Invio email da form PHP 8
L form multipla php sql,errore in inserimento MySQL 0
L inviare i dati di un form ad un database PHP 6
L Collegare un form html ad un database access Javascript 2
L creare oggetti da una classe tramite un form Javascript 0
G Impostare suggerimenti campo text di un form Javascript 2
S Problemi di visualizzazione form contatti sito web HTML e CSS 2
L Insert php sql da una form multipla PHP 6
E form PHP 10
W Form da CDONTS a CDOSYS Classic ASP 7
P Problema concantenazione form Javascript 3
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
G Form in php WordPress 0
K La pagina index, si apre sul form e non al top page Javascript 0
A Aprire la window form Add Connection da codice Visual Basic 4
F [PHP] Form html PHP 2
G FORM HTML E PHP PHP 0
max1974 [HTML] Columns grid on modal form HTML e CSS 0
S [PHP] Recupero nome immagine da Form con input file PHP 3

Discussioni simili