none
Como apagar texto da Textbox ao clicar? RRS feed

  • Pergunta

  • É por que eu quero saber se dá pra, em Asp .NET, apagar o texto de uma Textbox ao clicar nessa Textbox. Tipo, no Twitter tem uma Textbox (ou algo equivalente) com o texto: Nome de usuário. Mas, quando clicamos, esse texto se apaga automaticamente e podemos digitar nosso Nick. É possível fazer isso em Asp .NET?
    terça-feira, 7 de fevereiro de 2012 19:16

Respostas

  • Josh seria isso:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
    
    <!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 runat="server">
        <title></title>
        <script type="text/javascript" language="javascript">
    
            function TextoPadrao(txt) {
                txt.value = (txt.value == txt.defaultValue) ? '' : txt.value; return true;
            } 
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:TextBox runat="server" Text="Insira seu nome" onfocus="TextoPadrao(this);" />
        </form>
    </body>
    </html>
    


    Vitor Mendes | Seu feedback é muito importante para todos!
    Visite o meu site: http://www.vitormendes.com.br/

    • Sugerido como Resposta Luís Felipe Saraiva terça-feira, 7 de fevereiro de 2012 19:32
    • Marcado como Resposta Harley Araujo quinta-feira, 9 de fevereiro de 2012 11:38
    terça-feira, 7 de fevereiro de 2012 19:29
  • Boas,

    parece que o que pretendes é um solução de "marca de água" (watermark).

    Se estiveres a usar JQuery podes usar este plugin mas existem muitos outros.

    Se não usares jQuery não faz mal ... analisa o código e percebes logo como fazer em MS Ajax ou em puro javascript.


    Nuno Gomes http://nunogomes.net

    • Marcado como Resposta Harley Araujo quinta-feira, 9 de fevereiro de 2012 11:38
    terça-feira, 7 de fevereiro de 2012 23:57
  • Olá,

    Sim é possível, basta no evento do focus ou click você apagar o conteúdo da textbox.

    Abs,

    Rafael Zaccanini

    MTAC - Microsoft Technical Audience Contributor

    www.rafaelzaccanini.net

    • Sugerido como Resposta Luís Felipe Saraiva terça-feira, 7 de fevereiro de 2012 19:32
    • Marcado como Resposta Harley Araujo quinta-feira, 9 de fevereiro de 2012 11:38
    terça-feira, 7 de fevereiro de 2012 19:27

Todas as Respostas

  • Olá,

    Sim é possível, basta no evento do focus ou click você apagar o conteúdo da textbox.

    Abs,

    Rafael Zaccanini

    MTAC - Microsoft Technical Audience Contributor

    www.rafaelzaccanini.net

    • Sugerido como Resposta Luís Felipe Saraiva terça-feira, 7 de fevereiro de 2012 19:32
    • Marcado como Resposta Harley Araujo quinta-feira, 9 de fevereiro de 2012 11:38
    terça-feira, 7 de fevereiro de 2012 19:27
  • Josh seria isso:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
    
    <!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 runat="server">
        <title></title>
        <script type="text/javascript" language="javascript">
    
            function TextoPadrao(txt) {
                txt.value = (txt.value == txt.defaultValue) ? '' : txt.value; return true;
            } 
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:TextBox runat="server" Text="Insira seu nome" onfocus="TextoPadrao(this);" />
        </form>
    </body>
    </html>
    


    Vitor Mendes | Seu feedback é muito importante para todos!
    Visite o meu site: http://www.vitormendes.com.br/

    • Sugerido como Resposta Luís Felipe Saraiva terça-feira, 7 de fevereiro de 2012 19:32
    • Marcado como Resposta Harley Araujo quinta-feira, 9 de fevereiro de 2012 11:38
    terça-feira, 7 de fevereiro de 2012 19:29
  • Boas,

    parece que o que pretendes é um solução de "marca de água" (watermark).

    Se estiveres a usar JQuery podes usar este plugin mas existem muitos outros.

    Se não usares jQuery não faz mal ... analisa o código e percebes logo como fazer em MS Ajax ou em puro javascript.


    Nuno Gomes http://nunogomes.net

    • Marcado como Resposta Harley Araujo quinta-feira, 9 de fevereiro de 2012 11:38
    terça-feira, 7 de fevereiro de 2012 23:57