텍스트 상자에 텍스트 오버레이

Question

.net C# 텍스트 상자에 교육용 텍스트 오버레이를 추가하는 방법은 무엇입니까?

Answer 1

당신은 아약스 텍스트 상자에 워터 마크 컨트롤을 사용할 수 있습니다 : 당신이 아약스 - 제어 - 키트에서 TextBoxWatermarkExtender을 사용할 수 있습니다 asp.net을 사용하는 경우

<ajaxToolkit:TextBoxWatermarkExtender ID="TBWE2" runat="server" 
     TargetControlID="TextBox1" 
     WatermarkText="Type First Name Here" 
     WatermarkCssClass="watermarked" /> 

당신은 here

Answer 2

당신은 그렇게 JQuery를 사용할 수 있습니다 :

나는이 페이지의 제목 텍스트 상자 같은 효과를 얻으려면

샘플 :

$('#inputId').watermark('watermark you want to show'); 

또는 당신은 자바 스크립트를 사용할 수 있습니다 :

function watermark(inputId,text){ 
    var inputBox = document.getElementById(inputId); 
    if (inputBox.value.length > 0){ 
     if (inputBox.value == text) 
     inputBox.value = ''; 
    } 
    else 
     inputBox.value = text; 
} 

<input id="inputTextboxId" type="text" value="type here" onfocus="watermark('inputTextboxId','type here');" onblur="watermark('inputTextboxId','type here');" /> 

Answer 3

에서 그것을 얻을 수

http://www.asp.net/ajaxlibrary/AjaxControlToolkitSampleSite/

---

그것은 익스텐더 아닌 REPL입니다 다음과 같이 사용, 텍스트 상자에 대한 acement :

<asp:textbox id="txtSalesEventNo" runat="server" CssClass="textbox" Width="30%" /> 
<act:TextBoxWatermarkExtender ID="wmSalesEventNo" TargetControlID="txtSalesEventNo" WatermarkText="Sales Event Number" WatermarkCssClass="watermarked_border" runat="server" /> 

Answer 4

당신은 내가 제목을 편집 한이 solution

/* Full overlay */ 
$(function() { 
    $('.full_overlay .content').hide(); 
    $('.full_overlay').mouseenter(function() { 
     $(this).find('.content').stop(true, true).fadeIn('slow'); 
    }).mouseleave(function() { 
     $(this).find('.content').stop(true, true).fadeOut('slow'); 
    }) 
});