Question

我尝试使用asp.net创建一个登录页面，并在每个文本框上放置一个占位符。它适用于chrome和Firefox，但在IE 8中它没有显示任何占位符。当我把javascript代码只在我的用户名文本框中工作时，在我的密码文本框中它什么也没显示。这里有人可以帮助我吗？请..提前谢谢.. :) 这是我到目前为止所拥有的......

<asp:TextBox ID="txtuser" runat="server" MaxLength="20" placeholder = "username"></asp:TextBox>
<asp:TextBox ID="txtpass" runat="server" MaxLength="25" class = "password-input" TextMode = "Password" placeholder = "Password"></asp:TextBox>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
 $(function() {
    var input = document.createElement("input");
    if (('placeholder' in input) == false) {
        $('[placeholder]').focus(function() {
            var i = $(this);
            if (i.val() == i.attr('placeholder')) {
                i.val('').removeClass('placeholder');
                if (i.hasClass('password')) {
                    i.removeClass('password');
                    this.type = 'password';
                }
            }
        }).blur(function() {
            var i = $(this);
            if (i.val() == '' || i.val() == i.attr('placeholder')) {
                if (this.type == 'password') {
                    i.addClass('password');
                    this.type = 'text';
                }
                i.addClass('placeholder').val(i.attr('placeholder'));
            }
        }).blur().parents('form').submit(function() {
            $(this).find('[placeholder]').each(function() {
                var i = $(this);
                if (i.val() == i.attr('placeholder'))
                    i.val('');
            })
        });
    }
});
/* ]]> */

IE中的ASP.Net占位符问题

0 个答案: