替代占位符以便在 Internet Explorer 中工作答案

【问题标题】：alternative for placeholder in order to work at internet explorer替代占位符以便在 Internet Explorer 中工作
【发布时间】：2017-01-06 10:44:54
【问题描述】：

不能在 Internet Explorer 中使用占位符。

1) 当我测试 1ts 时，它可以在 chrome、firefox 中运行，但在 Internet Explorer 中无法运行。

2) 当我测试第二次时，它在 chrome、firefox 和 Internet Explorer 上运行良好。

我在这里面临的问题是，当我将 (ID="txtUserID") 这个添加到 (2) 时，它在 Internet Explorer 上不起作用。但我需要 (ID="txtUserID") 这个才能在后端使用它。

有什么解决办法吗？

****************1*******************

<asp:TextBox ID="txtUserID" CssClass="form-control" type="text" placeholder="Username " Width="100%" Height="36px" runat="server" Text="adminuser" MaxLength="16" />

****************2*******************

<asp:TextBox CssClass="form-control" Width="100%" Height="36px" MaxLength="16" Text="adminuser" runat="server" value="Username......" placeholder="Username" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"> </asp:TextBox>

【问题讨论】：

编辑您的问题并添加您在评论中添加的代码
是的，我一开始就做过，但它没有显示代码，而是显示了简单的单词
您现在可以删除上面有代码的评论

标签： javascript html css asp.net internet-explorer

【解决方案1】：

替代占位符：使用jquery的onblur函数，相应地改变文本框的value。

 

   <!DOCTYPE html>
    <html>
    <body>

    Enter your name: <input id="#yourID" type="text" value="placeholder" onfocus="myFunction(this)" onblur="addPlaceHolder(this)">


    <script>
   function myFunction(x) {
    x.value = "";
}
function addPlaceHolder(thisEle){
  
if(thisEle.value=='Place Holder' || thisEle.value=='')
thisEle.value='Place Holder';
}
    </script>

    </body>
    </html>

【讨论】：

检查上面的代码。如果需要，我已经添加了 sn-p.Modify 以获取其他逻辑。
id呢？因为我需要运行登录功能
一个小问题，而不是使用
是的。只添加那些 onblur ，onfocus 功能。就是这样。它会工作。