Pagina aggiornata... Venerdì, 12 gennaio 2024 * Tempo di caricamento 0.74 secondi
Link navigazione : Home telaioHome ~ Tutorial ~ Html » Textarea

..:: Textarea ::..

Textarea, letteralmente "area di testo" ovvero i box in cui è possibile lasciare i commenti in
uno spazio web o scrivere post/news ma può essere anche un piccolo contenitore nel quale scrivere
il codice html di immagini, script, link, ecc. ecc. che rimane testo, affinché si possa prelevare
e far visualizzare il contenuto su altre pagine, utilissimo e indispensabile quando si preparano
degli accessori e gadget e/o per fornire il codice completo del proprio banner/link

Questo è il tag di base
<textarea>Codice</textarea>

e si visualizzerà questo piccolo box, occorre mettere
un a capo se non si vuole affiancato al testo



Possiamo inserire delle personalizzazioni iniziando dalle misure,
per la larghezza abbiamo il parametro cols="x" e per l'altezza rows="x"
Rows ovviamente sta per righe ma non ho trovato una traduzione letterale per "cols" però
da ciò che ho letto in rete è un attributo specifico per la textarea e sta per colonne.
La textarea è dotata automaticamente di scroll quindi è possibile far leggere il contenuto

<textarea cols="20" rows="1">Codice</textarea>





Per personalizzare l'aspetto magari nei colori del proprio spazio aggiungiamo
lo style per il bordo, lo sfondo e il testo, in linea o nei css/foglio di stile

<textarea style="border:solid 2px #91a3a5; background-color:#ebefef; font-family:Georgia; font-size: 12px; color: #788b8c" cols="50" rows="4">Codice</textarea>

Esempio per una classe nei css/foglio di stile

<style type="text/css">
textarea.codice {
border: dotted 2px #a4584b;
background-color:#f3e1dd;
font-family: Georgia
font-size:12px;
color:#a4584b;
}
</style>
Richiamo nella textarea

<textarea class="codice" cols="50" rows="4">Codice</textarea>




Lo spessore del bordo dipende naturalmente dai gusti personali ma per alcuni affinché
l'effetto sia visibile occorre inserire con un numero di pixel più alto, ad esempio 5px.
Ecco altri esempi dei bordi che è possibile utilizzare oltre solid e dotted












Un altro parametro molto utile, è la selezione automatica del testo, specie se
il contenuto nella textarea è molto lungo, affinché sia più veloce e semplice da copiare.
Il tag da usare è onmouseover="this.select()"> e si inserisce in linea

<textarea class="codice" cols="50" rows="4" onmouseover="this.select()"> Codice</textarea>

Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥


Dai un giudizio a questo tutorial... Grazie ^_^




87.37%
Voti totali: 19
Rating... 5





Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* Gif...

  

I vostri commenti in questa pagina...


ೡPenelope ♥
29/11/2014 01:36:24
Sono felice per te carissima Marty non sai come ti capisco
Marty
20/11/2014 19:39:17
Grazie grazie grazie grazie *ringrazia un miliardo di volte minimo* Era da tipo una vita che cercavo di inserire l'HTML in un textarea senza che sparisse... GRAZIE.
ೡPenelope ♥
29/03/2014 15:43:02
Jenny tesoro come posso aiutarti? Un abbraccione ♥
Jenny
29/03/2014 13:44:57
non ho capito niente ^^
ೡPenelope ♥
09/02/2014 18:17:45
Ciao cara CicciPasticci scusa ma non ho trovato dove commentare da te ^_^ ho visto che sei riuscita a sistemare le taxtaree ho prelevato anche il tuo banner e sicuramente approfitterò delle tue meravigliose ricette ♥
CicciPasticci ~ HomePage
08/02/2014 13:59:20
Ciao Penelope, ti ringrazio per le tue spiegazioni illuminanti....Però ho un problema...quando vado ad inserire la textarea nel widget di wordpress non mi dà alcun riquadro, soltanto il codice :( Come mai? Puoi aiutarmi? P.S. Ho inserito da un po' di tempo il tuo banner nella mia home :D


~ Pagina visitata da 15295 utenti


 H: 
Buon Autunno !





Segui il telaio su Facebook

Privacy Policy Cookie Policy

* Info sezione...

Mi farebbe molto piacere la condivisione
dei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥

..:: Basi ::..



..:: html ::..





..:: Script page ::..



..:: Script gadget ::..


Accessori e gadget del telaio...


Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Veronica
10/10/2025 16:10:17
Ciao ne ho preso uno x il mio blog
ೡ Scritto in... Countdown stagioni e feste
 
Giusyna
09/10/2025 07:09:17
ciao cara vorrei qualche volta se ti e' possibile fare due chiacchiere su facebook se hai piacere mi dici in che orario ci sei?grazie Giusyna
ೡ Scritto in... Home
 
Grazia
30/09/2025 17:38:43
Ciao carissima Penelope, un forte abbraccio e buon autunno, sempre bellissimo qui :)
ೡ Scritto in... Home
 
filod'arianna
30/09/2025 08:23:45
Ciao Penelope! con un discreto ritardo, voglio ringraziarti per aver ricambiato il banner.. spero vada tutto bene, a presto
ೡ Scritto in... *Amici del telaio...*
 
Veronica
27/09/2025 14:42:47
Ciao non so dove scriverti che o preso il tuo banner x il mio blog volevo avvisarti buona serata
ೡ Scritto in... Contatti
 
Giusyna
17/08/2025 17:52:34
Ciao a Penelope e' bellissimo qui complimenti ho aggiunto il tuo sito ai link amici spero ti faccia piacereun abbraccio e buone ferie
ೡ Scritto in... *Amici del telaio...*
 
Luca
04/06/2025 22:41:43
Ciao
ೡ Scritto in... html e script Tutorial...
 
filod'arianna
01/06/2025 09:15:59
Ciao Penelope ! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna" che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum[Link]
ೡ Scritto in... Banner link del telaio ^_^
 
Cleo
22/05/2025 07:05:05
ciao tesoro auguri per ieri ti aspetto qui [Link]
ೡ Scritto in... Home
 
olga
05/05/2025 20:37:45
prelevato widget post e commenti.Grazie
ೡ Scritto in... Home