8.2 - Campos de Texto

São os campos que permitem que o usuário digite texto. Estes elementos podem ser criados pelas tags <textarea> e <input>, sendo que, neste caso, o atributo type pode ser text, password, hidden ou file.

 Propriedades:
name -

nome associado ao elemento através do atributo name da tag html

type -

tipo associado ao elemento através do atributo type da tag html

form -

referência para o formulário que contêm o elemento.

value -

valor atual do campo (digitado pelo usuário). Pode ser alterado pelo programa.

defaultValue -

valor original do campo, definido no atributo value da tag html



 Métodos:
focus() -

coloca o elemento ativo (em foco)

blur() -

coloca o elemento inativo (remove o foco)

select() -

seleciona o texto dentro do campo



 Eventos:
onFocus -

ocorre quando o elemento recebe o foco

onBlur -

ocorre quando o campo perde o foco

onChange -

ocorre quando o elemento perde o foco e seu valor foi modificado

onSelect -

ocorre quando o usuário seleciona um texto dentro do campo

Para obter ou atribuir um valor a um campo de texto podemos usar as seguintes referências:

<form name='f'>
<input type=text name='email' value=''>
</form>
<script>
// consultando o valor digitado pelo usuário
if (document.f.email.value=="") . . .

// atribuindo um valor ao campo
document.f.email.value = "mauricio@nce.ufrj.br";
</script>