Como acessar elementos de formulário html em javascript

Tal como acontece com quaisquer outros elementos HTML, você pode interagir diretamente com elementos HTML5 em javascript. O truque consiste em assegurar que os elementos que você escolher vai trabalhar com os navegadores e plataformas que você precisa para suportar.

Neste exemplo, você vê como usar o e

tags como parte de uma solução que carrega uma imagem de disco e armazena-lo em um tag. O código a seguir mostra o código HTML que você usa para executar a tarefa.

A tag age como um recipiente que contém o e

Tag. O uso de um recipiente como este significa que você pode executar tarefas como a formatação de imagem e legenda, ao mesmo tempo.

Video: Curso javascript desde 0. Formularios V Mostrando Ocultando elementos. Vídeo 61

Os eventos também são tratadas conjuntamente. Neste caso, não importa se o usuário clica na imagem ou a legenda, o aplicativo chama Clicado (). Neste caso, tudo o que Clicado () faz é exibir uma mensagem para o usuário como mostrado aqui:

funcionar Clicked () {// Mostra uma message.alert ("Você clicou a imagem.") -}

javascript é plenamente capaz de acessar esses elementos. Neste caso, o tag está vazia, quando o formulário é carregado. Clicando em um botão exibe a imagem na tela, alterando o conteúdo tag. Aqui está o código necessário para carregar a imagem:

função LoadImage () {// Especifique o image.var Imagem = document.getElementById ("Imagem") = -Image.alt "Esta é uma imagem de teste."-Image.src = "TestImage.jpg"- // Definir a legenda caption.var = document.getElementById ("Rubrica") = -Caption.innerHTML "A imagem de teste"-}

Ao trabalhar com o tag, você acessar o src (Fonte da imagem) e alt (Imagem descrição texto alternativo) atribui diretamente. Colocou o

conteúdo usando o innerHTML propriedade.

Video: #2 HTML Aula 29 - javascript Parte 10 - Validação de formulários