utilizando textarea

Home » Categorias » Fontes True Type » Fontes Famosas »
Utilizando funções Select()

---

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 texto
Utilize < 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 style
estamos definindo o tipo de stilo que é a linguagem CSS.

border-color:blue; definimos a cor da borda azul em inglês

background:#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.

Veja um exemplo de código:

Inicio do código;
Seleção
Seleção
Endereço
Titulo
Nova janela/aba
modo texto
ou imagem
Finalização

Altere as opções e coloque em seu site, veja o exemplo:<a href="endereço_do_seu_site.html" title="Titulo_do_seu_site" target="_blank">Deixe esta linha ou a próxima:<img src="Url da Imagem.jpg" /></a>

---

Divulgação

---