|
|
|
||||||||||||||||||||||
|
|||||||||||||||||||||||
|
|||||||||||||||||||||||
Parceiros - CSS para Web Design - S.O.S Designers - Slackware-Brasil - Crie seu Web site - Oficina da Net |
Sub-propriedades do objeto form e eventosOutras questões relativas ao objeto form: propriedades index e length, e eventos. 2.1 Sub-propriedades do objeto form O objeto form possui duas sub-propriedades, além das propriedades nomeadas no capítulo anterior. Estas sub-propriedades são:
2.1.1 Sintaxe básica
document.forms[index] donde index é o número correspondente ao formulário: document.forms[0] indica o primeiro formulário e
document.forms.length nos indica a quantidade de formulários que há em uma página.
2.2 Exemplos de aplicação LENGTH O código... Pressione o botão para saber quantos formulários há nesta página: <input type="button" value="Clique aqui" onClick="alert('Hay ' + document.forms.length + ' formularios nesta página')">
Os resultados... Pressione o botão para saber quantos formulários há nesta página: INDEX O código... Pressione o botão para saber o nome do primeiro formulário: <input type="button" value="Clique aqui" onClick="alert('O nome do primeiro formulário é: ' + document.forms[0].name)">
Os resultados... Pressione o botão para saber o nome do primeiro formulário: 2.3 Os eventos que admite o objeto form Embora a maioria dos eventos JavaScript sejam aceitos pelo objeto form, muitos deles podem criar mais problemas que soluções e se se utilizam, são em casos muito específicos, porém não usuais. Na seguinte lista veremos os mais utilizados:
2.3.1 Sintaxe básica
<form name="..." method="..." action="..." target="..." onSubmit="função" onReset="função">
Aqui veremos um exemplo no qual se enviará uma mensagem de alerta ao usuário quando envia o formulário ou quando o restabelece. O código... <form name="formulario" method="post" action="exemplos/processar.asp" target="_blank" onSubmit="alert('Será enviado o formulário')" onReset="alert('Serão apagados todos os dados inseridos')"> Escreva seu nome: <input type="text" name="nome"><br> <input type="submit" value="Enviar"> <input type="reset" value="Apagar"> </form>
Os resultados....
Autoria e outras referências sobre este artigo Dentro deste artigo: + 1 manual relacionado + 1 categoria relacionada
Manuais relacionados com este artigo Dentro de Formulários e Javascript Seguinte: Valores da propriedade action Anterior: O objeto form, propriedades e métodos Categorias relacionadas Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo: + Entrar em Manuais de JavascriptComentários dos visitantes Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
|
||||||||||||||||||||||||||||||
| Sobre nós | Copyright | Anuncie | Entrar em contato | <criarweb> |