@{ViewBag.Title = "完美结合";}

<script>var G_start_time = new Date;</script>

<!--[if (lt IE 8.0)]><link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/login/css/index.src_datauri.css")"><![endif]--><!--[if (!IE)|(gte IE 8.0)]><!--><link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/login/css/index.src_datauri.css")"><!--<![endif]-->

<script type="text/javascript" src="@Url.Content("~/Content/login/js/jquery-1.4.2.min.js")"></script>

<style type="text/css">

<!--

body {

	background-color: #f0f0f0;

}

-->

#loginSubmit .submit input:hover{background-color:#26B30F}；

#login .submit input:hover{background-position:0 -69px}；

#loginSubmit .submit input:hover{background-position:0 -69px}；

/* 设置提示文字颜色 */

::-webkit-input-placeholder {

color: #838383;

}

:-moz-placeholder {

color: #838383;

}

.placeholder {

color: #ccc;

}

</style>

<script type="text/javascript">

//判断浏览器是否支持 placeholder属性

function isPlaceholder(){

	var input = document.createElement('input');

	return 'placeholder' in input;

}

if (!isPlaceholder()) {//不支持placeholder 用jquery来完成

	$(document).ready(function() {

	    if(!isPlaceholder()){

	        $("input").not("input[type='password']").each(//把input绑定事件 排除password框

	            function(){

	                if($(this).val()=="" && $(this).attr("placeholder")!=""){

	                    $(this).val($(this).attr("placeholder"));

	                    $(this).focus(function(){

	                        if($(this).val()==$(this).attr("placeholder")) $(this).val("");

	                    });

	                    $(this).blur(function(){

	                        if($(this).val()=="") $(this).val($(this).attr("placeholder"));

	                    });

	                }

	        });

	        //对password框的特殊处理1.创建一个text框 2获取焦点和失去焦点的时候切换

	        var pwdField	= $("input[type=password]");

	        var pwdVal		= pwdField.attr('placeholder');

	        pwdField.after('<input id="pwdPlaceholder" type="text" value='+pwdVal+' class="ipt tipinput1" autocomplete="off" />');

	        var pwdPlaceholder = $('#pwdPlaceholder');

	        pwdPlaceholder.show();

	        pwdField.hide();

	        pwdPlaceholder.focus(function(){

	        	pwdPlaceholder.hide();

	        	pwdField.show();

	        	pwdField.focus();

	        });

	        pwdField.blur(function(){

	        	if(pwdField.val() == '') {

	        		pwdPlaceholder.show();

	        		pwdField.hide();

	        	}

	        });

	    }

	});

}

</script>

</head>

<body  >

<script>if(top !== self){

		top.location = location.href;

	}

	var startTime = new Date(),

		loginInitTime;</script>

<div class="slide-wrap">

<div class="container">

<div class="slide-box">

<div class="slide"></div>

</div>

<div class="slide-point-box">

<span class="cur-point" data-index="0">@ViewData["msg"]</span>

<span data-index="1" style="color:red;"></span></div>

<div class="login-panel" >

<form name="form1" id="form1" method="post"  action="@Url.Action("SignIn")">

<h1>预录助手网页版登录</h1>

<div id="login"><div id="modLoginWrap" class="mod-qiuser-pop"><iframe style="display:none" name="loginiframe"></iframe>

<form id="loginForm" method="post" target="loginiframe" onSubmit="QHPass.loginUtils.submit();return false;">

<dl class="login-wrap"><dt>

<span id="loginTitle">

</span>

<div id="infobarNoCookie" class="noCookie">浏览器已禁止设置cookie，无法正常登录，请<a href="" target="_blank"> 启用cookie </a>?</div>

</dt>

<dd class="global-tips">

<div id="error_tips" class="" >@ViewData["msg"]</div></dd><!--登录错误提示 -->

<dd><div class="quc-clearfix login-item">

<label for="loginAccount">帐号</label>

<span class="input-bg">

<input name="userName" id="userName" type="text" class="ipt tipinput1" size="20" placeholder="请输入用户名" value="@Model.name" /></span>

<b class="tips-wrong icon-loginAccount"></b>

<span id="tips-loginAccount" class="tips-msg "></span>

</div>

</dd>

<dd class="password">

<div class="quc-clearfix login-item">

<label for="lpassword">密码</label>

<span class="input-bg">

<input name="password" id="password" type="password" class="ipt tipinput1" size="20"  placeholder="请输入密码" value="@Model.password"  />

</span>

<b class="tips-wrong icon-lpassword"></b>

<span id="tips-lpassword" class="tips-msg">

</span></div></dd>

<!--记住密码 -->

<dd class="find"><label for="iskeepalive"><input type="checkbox" name="isSavePWD" value="1" @(Model.isSavePWD == "1" ? "checked " : " ") /> 记住密码</label><a href="http://i." target="_blank" class="fac" id="findPwd">忘记密码？</a></dd>

<!--记住密码 -->

<dd class="submit"><span><a class="input_btn" href="javascript:form1.submit();">登录</a></span></dd>

<div class="change">

</form>

</div>

</div>

</div>

</div>

</body>

</html>

　　参考网址：

　　http://myfreespace.iteye.com/blog/1659450

http://kongcodecenter.iteye.com/blog/1305551

http://blog.163.com/front_end1205/blog/static/2143711382013101154419375/

http://blog.csdn.net/dyllove98/article/details/8860447

http://blog.csdn.net/trace332/article/details/6424444

https://github.com/jamesallardice/Placeholders.js/issues

http://lidrema.blog.163.com/blog/static/209702148201305101844932/

http://www.2cto.com/kf/201308/239953.html

http://blog.csdn.net/cui_angel/article/details/7790377

记录：asp.net mvc 中 使用 jquery 实现html5 实现placeholder 密码框 提示兼容password IE6的更多相关文章

  1. asp.net mvc中使用jquery H5省市县三级地区选择控件

    地区选择是项目开发中常用的操作,本文讲的控件是在手机端使用的选择控件,不仅可以用于实现地区选择,只要是3个级别的选择都可以实现,比如专业选择.行业选择.职位选择等.效果如下图所示: 附:本实例asp. ...

  2. 在ASP.NET MVC中使用jQuery的Load方法加载静态页面的一个注意点

    使用使用jQuery的Load方法可以加载静态页面,本篇就在ASP.NET MVC下实现. Model先行: public class Article { public int Id { get; s ...

  3. 在ASP.NET MVC中使用typeahead.js支持预先输入,即智能提示

    使用typeahead.js可以实现预先输入,即智能提示,本篇在ASP.NET MVC下实现.实现效果如下: 首先是有关城市的模型. public class City { public int Id ...

  4. ASP.NET MVC中使用jQuery时的浏览器缓存问题

    介绍 尽管jQuery在浏览器ajax调用的时候对缓存提供了很好的支持,还是有必要了解一下如何高效地使用http协议. 首先要做的事情是在服务器端支持HTTP GET,定义不同的URL输出不同的数据( ...

  5. ASP.NET MVC 中使用 jQuery 实现异步搜索功能

    常见的几种异步请求方式: Ajax.BeginForm   异步提交文本的形式 Ajax.ActionLinkk 文本链接的形式 Client Validataion  客户端的认证 一.用jQuer ...

  6. ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据

    要求是这样子的,在一个列表页中,用户点击详细铵钮,带记录的主键值至另一页.在另一外页中,获取记录数据,然后显示此记录数据在网页上. 先用动图演示: 昨天有分享为ng-click传递参数 <ang ...

  7. ASP.NET MVC中Log4Net记录错误日志的使用

    第一.在管理NuGet程序包 =>下载 Log4Net 第二.在web.config配置Log4Net 1:在<configuration>节点下 <configSection ...

  8. 《Entity Framework 6 Recipes》中文翻译系列 (20) -----第四章 ASP.NET MVC中使用实体框架之在MVC中构建一个CRUD示例

    翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 第四章  ASP.NET MVC中使用实体框架 ASP.NET是一个免费的Web框架 ...

  9. 在ASP.NET MVC中以post方式传递数组参数的示例

    最近在工作中用到了在ASP.NET MVC中以post方式传递数组参数的情况,记录下来,以供参考. 一.准备参数对象 在本例中,我会传递两个数组参数:一个字符串数组,一个自定义对象数组.这个自定义对象 ...

随机推荐

  1. asp.net 配置 X-Frame-Options

    近日网站在安全检查,送检的网站被反馈有以下问题 X-Frame-Options Header未配置 漏洞描述: 弱点描述: X-Frame-Options HTTP响应头可以指示浏览器是否允许当前网页 ...

  2. hadoop的live node为0

    1.重新格式化namenode cd ~ rm -rf name mkdir name rm -rf hadoop-2.7.2/logs/ mkdir hadoop-2.7.2/logs/ hadoo ...

  3. Eclipse User Library Add/Edit/Remove

    1:前文 近来开发项目采用的技术是AngularJS+Bootstrap+Spring Boot+SpringMvc+JPA 的方式,创建的项目是 Java Project,对应的JAR文件需要添加到 ...

  4. 学习总结 JAVA环境配置 及其相应的步骤

    相应的操作步骤 第一步: 右键我的电脑→属性→高级系统设置→环境变量→打开环境变量 第二步:在系统变量中添加JAVA_HOME ,并引用到相对应的地址. 第三步:在系统变量 path 中最前端(按ho ...

  5. Activity的四种launchMode 详细分析

    launchMode在多个Activity跳转的过程中扮演着重要的角色,它可以决定是否生成新的Activity实例,是否重用已存在的 Activity实例,是否和其他Activity实例公用一个tas ...

  6. 《App研发录》知识点汇总

    原文链接:http://www.jianshu.com/p/fc8c4638937e <App研发录>这部书是包建强写的,说来也巧,在读这边书之前在看池建强的<Mac 人生元编程&g ...

  7. Java基础整理（1）

    1.源代码的文件名必须与公共类(public)的类名一致,而且一个源代码文件中最多只能有一个公共类(public) 2.注释: 3种 行注释  以双斜线  //  开始 段落注释  /*  注释内容 ...

  8. 对应键盘的ASCII码（备忘）

    vbKeyLButton 1 鼠标左键 vbKeyRButton 2 鼠标右键 vbKeyCancel 3 CANCEL 键 vbKeyMButton 4 鼠标中键 vbKeyBack 8 Backs ...

  9. linux device model简述

    参考: 1)<LINUX设备驱动程序>第十四章 Linux 设备模型 2)内核源码2.6.38 内核初始化的时候会对设备模型作初始化,见init/main.c: start_kernel- ...

  10. bootstrap中弹出窗体dialog的自定义

    感谢nakupanda的https://github.com/nakupanda/bootstrap3-dialog 根据需要弹出窗体,但是可以移动,不遮挡下面的内容,所以就修改了源代码,添加了一个属 ...