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 "