1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Text box

Discussão em 'Web Development' iniciada por freedy, 8 de Maio de 2008. (Respostas: 5; Visualizações: 1219)

  1. freedy

    freedy I'm cool cuz I Fold

    Que codigo HTML utilizo para que quando carregue numa textbox que tenha lá por exemplo "Insira o seu email" desapareça esse texto automáticamente se que seja reciso apagar?
     
  2. Satigor

    Satigor Power Member

    Boas freedy podes fazeres isso usa primeiro este scipt na página:

    Código:
    <SCRIPT>
    <!--
    function clearDefault(el) {
        if (el.defaultValue==el.value) el.value = ""
    }
    // -->
    </SCRIPT>
    E depois no código do textbox usas este valor:

    Código:
    ONFOCUS="clearDefault(this)"
    Exemplo:
    Código:
    <INPUT TYPE=text VALUE="Insira o seu E-mail..." ONFOCUS="clearDefault(this)">
     
  3. freedy

    freedy I'm cool cuz I Fold

    Nao funciona fica a aparecer INPUT TYPE na caixa :S
     
  4. cula_ru

    cula_ru Power Member

    este funciona e é mais divertido :007: porque retoma o valor original se não escreves nada na textbox.

    Código:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled 1</title>
    <script type="text/javascript">
    <!--
    function clean(it){
    if (it.defaultValue==it.value) it.value = "";
    
    }
    
    function rest(it){
    
    if (it.value == "") it.value = it.defaultValue;
    
    }
    
    //-->
    </script>
    </head>
    
    <body>
    <input type="text" value="insira qq cena" onfocus="clean(this)" onblur="rest(this)" />
    
    </body>
    
    </html>
     
  5. Satigor

    Satigor Power Member

    Peço desculpa, no exemplo de código enganei-me a copiar tudo, é assim:

    Código:
    <input name="teste" type="text" id="teste" value="insira o seu nome..." ONFOCUS="clearDefault(this)"/>
    Podes ir aqui, foi um este que eu fiz para testar o código e podes ver o source code e ver que funciona perfeitamente.
     
  6. freedy

    freedy I'm cool cuz I Fold

    Já está a funcionar mas continua a aparecer input name em vez de insira o seu mail :\

    Tou a trabalhar com o Facile Forms do joomla se isso for relevante



    EDIT: Já consegui resolver o problema :)
     
    Última edição: 9 de Maio de 2008

Partilhar esta Página