Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como expandir um formulário em Java Script
Muitos dos formulários de páginas da web de hoje usam JavaScript para expandir ou contrair para melhor atender as necessidades da pessoa , utilizando o formulário de forma dinâmica. Por exemplo, um formulário para que o usuário insira informações sobre seus animais de estimação seria expandir apenas se o usuário indicado (através de um botão de opção , por exemplo) que não tinha animais de estimação. A vantagem de usar o JavaScript para expandir uma forma é relativamente elevada garantia de que o script vai funcionar. Esta certeza resulta de uma utilização generalizada do JavaScript nos navegadores , em contraste com a de outras linguagens como VB Script ou Java. Instruções
um

Cole ou digite o seguinte formulário de página web em um novo documento em qualquer processador de texto.


< Br >

"Formulário de expandir exemplo "







< nome de entrada = " FormButton " type = "button " onclick = " ShowHideForm (); " value = " forma Expandir /Ocultar " >

< /div >



Esta página exibe um formulário simples , que o código nos passos seguintes irão expandir ou retrair quando o usuário pressiona o botão da página. A tag " " exibido na listagem cria esse botão , um de cujos atributos é o "onclick " evento especificador . Este especificador aponta para o código JavaScript que irá recolher ou expandir o formulário.
2

Cole o seguinte programa JavaScript após a tag " cabeça " no documento.

< Tipo de script = "text /JavaScript" >

função ShowHideForm () { var

f = document.getElementById ( " myform ");

if ( f.style.display == " in-line ") {

f.style.display = "none" ;

}

else {

f.style.display = " in-line ";

} }



a função " ShowHideForm ", começa por obter uma referência ao formulário, que o " getElementById " chamada de função proporciona. A afirmação " f.style.display " usa essa referência , através da variável "f" , para acessar o atributo " estilo " do formulário web. Atributos de estilo HTML conter folhas de estilo em cascata (CSS), códigos que os desenvolvedores usam para posição e estilizar o conteúdo da web . Os desenvolvedores usam o atributo CSS "display " , como no código apenas dado, para definir a visibilidade de um elemento HTML. Um valor de "nenhum" para este atributo especifica que o elemento HTML (por exemplo, formulário ) será invisível .
3

Salve o documento como " texto simples ", e com qualquer nome de arquivo que tem a ". htm" ou "HTML ". extensão , que permite a exibição em um browser.
4

Abra o Windows Explorer e navegue até a pasta que contém a página web. Dê um duplo clique na página para abri-lo .
5

Clique no botão para alternadamente expandir e contrair o formulário.
6

Substituir, no seu processador de texto, o código entre as tags "

Anterior :

Próximo : No
  Os artigos relacionados
·Como colocar Declarações condicionais em um arquivo J…
·JavaScript vs Java Applets robustos 
·Como remover um espaço de uma variável em JavaScript 
·Como substituir todos os elementos DIV 
·Como dividir uma URL muito tempo no 2 
·Como adicionar estilos Com JavaScript 
·Como prevenir JavaScript de serem visualizados no Fireb…
·Como calcular um total Movimento em JavaScript 
·Como definir um VAR JavaScript para Flutuante 
·Variáveis ​​em Adobe Ciclos de Vida 
  Artigos em destaque
·Como converter um aplicativo WPF para uma biblioteca de…
·Como acessar uma impressora USB Enquanto Programação …
·Como usar um controlador em Java 
·Scion rodas Torque Specs 
·JavaScript como um código do lado do servidor para o A…
·Como usar modelos de estruturas em C 
·O que é Espaço em branco em Matlab 
·Como Ler um MOV em MATLAB 
·Como chamar um construtor de outra função em Java 
·Computador Algoritmos Tutorial 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados