Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como usar o output no html 5

18-06-2013 22:59

O output é basicamente um tag usada para exibir resultado de algum cálculo processado dentro de um formulário.

O output deve ser usado com o oninput na tag form.

Veja esse exemplo bem simples:

<form oninput="t.value = parseInt(a.value) + parseInt(b.value)"> <input type="text" patter="[0-9]" name="a" required> <input type="text" patter="[0-9]" name="b" required> <output name="t"></output> <input type="submit"> </form>

Como pode ser observado, é somado o valor de 2 campos, a e b.
1
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como usar o output no html 5

19-06-2013 16:43

Para corrigir o problema de NAN quando um dos valores não é digitado, use essa linha do form

<form oninput="t.value = parseInt(a.value=='' ? 0 : a.value) + parseInt(b.value=='' ? 0 : b.value)">

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado