input使用lable实现提示功能

关键字：<label for='<%=this.tbRouteName.ClientID%>' id='lblRouteName' style="padding:2px 0 0 10px;position:absolute;color:#999;cursor:text;">请输入产品名称</label>
                        <asp:TextBox ID="tbRouteName" runat="server"></asp:TextBox>

 

    <script type="text/javascript">

//解决ie hack, ie back后有问题，所以需采用jquery的$()或setTimeout(tipInput("<%=this.tbRouteName.ClientID%>","lblRouteName");},100)来解决。
    $(function(){tipInput("<%=this.tbRouteName.ClientID%>","lblRouteName");});
    </script>

 

 

function tipInput(inputId,lblId){
    var inputObj = document.getElementById(inputId);
    var lblObj = document.getElementById(lblId);
    if(inputObj.value){
  lblObj.style.display = "none";
 }
    inputObj.onfocus = function(){
     lblObj.style.display = "none";
    }
    inputObj.onblur = function(){
     if(inputObj.value){
      lblObj.style.display = "none";
     }
     else{
      lblObj.style.display = "";
     }
    }
}

input使用lable实现提示功能

<input type="text" name="name" class="txtbox" size="11" maxlength="50" value="请输入产品名称" onFocus="this.select()"
">