Como utilizar textarea

Tutorial: como utilizar TextArea

O comando <textarea> no Html é muito utilizado para dar links em forma de texto ou colocar algum relatório ou texto com varios caracteres, tais como os regulamentos, declaração de privacidade, termos e outros assuntos do site.Aqui falarei um pouco para aquelas pessoas que não sabem utiliza-los,colocando algumas dicas de formatação em css e javascript.

Foi utilizado aqui algumas formatações:

Area de textoUtilize < e > para fazer as tags, </ e > para fecha-las.Usamos no exemplo: <textarea...> e </textarea>

Código

<textarea style="border-color:blue; background:#00441c; color:yellow;">Area de texto</textarea>

Em styleestamos definindo o tipo de stilo que é a linguagem CSS.border-color:blue; definimos a cor da borda azul em inglêsbackground:#00441c; definimos a cor de fundo esverdeado em código Hexadecimal.Em color:yellow; definimos a cor do texto amarelo em inglês.
Implemente com:

Rows='X'

Onde x equivale ao total de Linhas

Cols='X'

Onde x equivale ao total de Colunas

Colocando o select():

Iremos agora utilizar uma tecnologia muito usada que é o select(), que seleciona todo o conteúdo dentro da textarea.Passe o mouse sobre o textarea abaixo para ver o efeito.Area de texto

Código

<textarea onfocus="this.select()" onmouseover="this.focus()" style="border-color:blue; background:#00441c; color:yellow;">Area de texto</textarea>

Isto foi possivel apenas inserindo dois novos códigos:onfocus="this.select()" e onmouseover="this.focus()".

onmouseover="this.focus()":

onmouseover = quando o mouse estar em cima;this = (n)este;focus() = pegar foco;

onfocus="this.select()":

onfocus = quando pegar o foco;this = (n)este;select() = Selecionar.

Quando chamamos a instrução obtemos o foco do objeto que é o conteúdo da textarea e selecionamos.Agora é só copiar =D
*Observando que estes estilos em CSS e javascript podem ser utilizados para outras Tags.

Author : » Daniel Ikeda «

Share this

Related Posts