Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

japalfalfa

excluir automaticamente o value

Recommended Posts

Olá pessoal tudo bem?

gostaria de saber como faço para excluir automaticamente o texto explicativo que fica no form

por exemplo

 

Nome [insira seu nome aqui] (os []'s simulam um campo form)

aí quando o usuário clica no campo para inserir o nome o texto "insira seu nome aqui" some automaticamente, nao necessitando selecionar e apagar...

eu imagino que deve ser fácil mas nao consegui...

Obrigadão

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

isto você faz em JavaScript

 

 

exemplo

 

<script>
function limpa(){
teste.nome.value="";
}
</script>

<form name="teste">
Nome: <input type="text" name="nome" value="Digite seu nome aqui" onfocus="limpa()" />
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se você quiser que o texto reapareça, faça assim:

(vou copiar o código do do gurumen. Não me processem, pfv, heheheh)

 

<script>
  function limpa() {
     teste.nome.value = "";
  }

  function escreve() {
     teste.nome.value = "Digite seu nome aqui";
  }
</script>

<form name="teste">
  Nome: <input type="text" name="nome" value="Digite seu nome aqui" onfocus="limpa()" onblur="escreve()" />
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pra ficar mais dinâmico e você não ter que fazer uma função pra cada campo...

 

<script>
function limpa(objeto) {
   objeto.value = '';
}
</script>

<input type='text' name='nome' value='Digite seu nome aqui' onFocus='limpa(this)' />
<input type='text' name='idade' value='Digite sua idade aqui' onFocus='limpa(this)' />

 

etc etc

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem como o assunto se trata de jaascript

então movido de Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif javascript/dhtml

Compartilhar este post


Link para o post
Compartilhar em outros sites

Só uma melhoradinha no código

 

<script>
function limpa(objeto) {
   objeto.value = '';
}

function escreve(objeto,texto) {
   if (objeto.value == '') objeto.value = texto;
}
</script>

<input type='text' name='nome' value='Digite seu nome aqui' onFocus='limpa(this)' onblur="escreve('this,Digite seu nome aqui')" />
<input type='text' name='idade' value='Digite sua idade aqui' onFocus='limpa(this)' onblur="escreve('this,Digite sua idade aqui')"/>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.