6.1 Propriedades dos objetos text e password
| propriedade | descrição |
|
name |
nome do campo. É o identificador único do campo. Este nome não pode estar duplicado dentro do formulário. |
| value |
valor do campo. pode se estabelecer um valor por Padrão ou obter o introduzido mediante JavaScript. |
| disabled |
se seu valor for "true", bloqueia o campo de texto e não permite introduzir nenhum dado nele. Dito de uma forma pouco técnica, este campo de texto "Não é enviado no formulário" e "age como se não existiese". Se seu valor for "false" compensa o efeito anterior. |
| ReadOnly |
converte ao campo em uma área de "somente leitura". A diferença de disabled esta propriedade, não bloqueia o campo, e sim que simplesmente não permite modificar seu conteúdo. |
| size | A largura "visível" da caixa de texto. NÃO limita a quantidade de caracteres. |
| length | conta a quantidade de caracteres introduzidos no campo. |
| maxlength | É a quantidade máxima de caracteres permitidos dentro do campo. |
6.1.2 Sintaxe básica
<input type="[objeto]" name="nome" value="valor" disabled/ReadOnly size="20" maxlength="20">
[objeto] --> deve ser substituído por text o password.
disabled/ReadOnly --> deve se escolher uma só propriedade disabled o ReadOnly
Para chamar a alguma destas propriedades, se utiliza a Seguinte sintaxe:
formulário.campo.propriedade
onde:
formulário é o nome do formulário
campo o nome do campo
e propriedade deve ser substituído pelo nome da propriedade correspondente.
6.2 Principais métodos dos objetos text e password
| método | descrição |
|
focus |
Coloca o foco no campo. |
| select | Seleciona todo o texto contido no campo (colore de azul padrão) |
| toUpperCase | Converte o texto introduzido no campo a maiúsculas. Está associado à propriedade value. |
| toLowerCase | Converte o texto introduzido no campo a minúsculas. Está associado à propriedade value. |
6.2.1 Sintaxe básica
formulario.campo.método()
donde:
formulário é o nome do formulário
campo o nome do campo
e método deve ser substituído pelo nome do método correspondente.
6.3 Principais eventos dos objetos text e password
| evento | descrição |
|
onFocus |
Permite realizar uma ação ao colocar o foco no campo. |
| onBlur | Permite realizar uma ação quando o foco já não se encontra no campo. |
| onSelet | Permite realizar uma ação quando se seleciona o texto do campo. |
| onKeyUp / onKeyDown / onKeyPress | Permite realizar uma ação quando o usuário clica uma tecla (nos exemplos veremos a diferença) |
| onClick | Permite realizar uma ação quando se clica sobre o campo. |
| onChange | Permite realizar uma ação quando o texto do campo muda por outro. |
| onMouseOver / onMouseOut | Permite realizar uma ação quando o mouse passa por cima do campo ou o abandona (estes eventos têm um uso muito restringido já que dependem do fim que se quer aplicar. Em geral, são bastante incômodos visto que o usuário pode passar o mouse por erro, sobre um campo). |
6.4 Sintaxe básica
<input type="text" name="..." value="..." ..... evento="função">
evento deve ser substituído pelo evento desejado (exemplo: onFocus) e função pode ser a função JavaScript, ou uma ação qualquer.
exemplo:
<... onFocus="alert('Mensagem de Alerta')" ...>
