Nello sviluppo web, gli utenti possono utilizzare vari componenti HTML per la progettazione di applicazioni. Il componente della tabella è uno di questi che viene utilizzato per organizzare i dati in righe e colonne. Inoltre, l'utente può rendere la tabella o una cella di tabella specifica modificabile con l'aiuto di HTML "ContentEdible"Attributo.
Questo tutorial indicherà:
Come creare/creare una tabella in HTML?
Come rendere una cella di tavolo modificabile in HTML?
Come rendere una modifica dell'intera tavola in HTML?
Come creare/creare una tabella in HTML?
Per creare un tavolo in HTML, controlla le istruzioni fornite:
Crea una tabella con l'aiuto di HTML "
"Elemento e aggiungere un bordo della tabella usando il"confine" proprietà.
Specificare le righe della tabella usando "
"Tag.
Per aggiungere titoli nelle celle del tavolo, utilizzare il “
" dentro il "
"Tag.
Aggiungi il "
"Tag per creare celle per i dati.
Aggiungi dati tra "
"Elementi come segue:
Nome
ID
Categoria
Jenny
001
UN
Hafsi
002
B
Mari
003
C
Produzione
Come rendere una cella di tavolo modificabile in HTML?
Gli utenti possono modificare una cella specifica in tempo reale rendendo modificabile la cella di tabella. Per fare ciò, utilizzare il "ContentEdible"Attributo all'interno del"
"Tag della cella specifica che desideri modificare: [/cc]
Nome
ID
Categoria
Jenny
001
UN
Hafsi
002
B
Mari
003
C
Dall'output, puoi vedere la cella del tavolo con "Jenny"È modificabile:
Come rendere una modifica dell'intera tavola in HTML?
Per rendere la tabella completa modificabile, usa il “ContentEdible"Attributo nel"
"Elemento:
Nome
ID
Categoria
Jenny
001
UN
Hafsi
002
B
Mari
003
C
Si può vedere che il tavolo completo è ora edito. Qui, possiamo modificare o rimuovere i dati di qualsiasi cella di tabella:
Questo articolo ha dimostrato il metodo per rendere modificabile la cella della tabella HTML.
Conclusione
Per rendere modificabile la cella HTML, in primo luogo, creare la tabella in HTML utilizzando il “
"Elemento. Quindi, aggiungi il "ContentEdible"Attributo nel"
"Tag di una cella specifica per rendere la cella modificabile. Tuttavia, per rendere modificabile l'intera tabella, utilizzare l'attributo contentimitabile all'interno del
elemento. Questo post ha dimostrato il metodo per rendere modificabili le celle della tabella HTML.