@{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. 简单几步优化技巧令你的Windows7系统加速

    就算有再高的硬件配置,系统用久了还是会变慢,xp如此,win7同样是如此.其实系统用的如何完全在于个人使用习惯,只要掌握了以下三种方法,就可以让你的win7运行速度大大提升. 1.修改启动项程序 在你 ...

  2. 请添加 MIME 映射

    HTTP 错误 404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面.如果该页面是脚本,请添加处理程序.如果应下载文件,请添加 MIME 映射. 以管理员运行命令:C:\Wind ...

  3. 重拾HTML(一)

    一.网页组成 HTML:网页的具体内容和结构,由N个标签(节点,元素,标记)组成 CSS:网页的样式,美化网页 JavaScript:网页的交互效果,比如用户鼠标的点击事件作出响应   二.常见的HT ...

  4. django 单独测试模块

    今天单独测试django的一个views文件,出现错误import的模块没有定义,这个模块是在django项目中自己编写的,解决办法: 1../manage.py shell 通过命令行进去加载,再执 ...

  5. OpenJudge 取数游戏

    描述 我们来玩一个游戏:自然数1到N,按顺序列成一排,你可以从中取走任意个数,但是相邻的两个不可以同时被取走.如果你能算出一共有多少种取法,那么你会被天神Lijiganjun奖励. 输入 仅包含一个数 ...

  6. Android控件大全(一)——DialogFragment创建对话框

    DialogFragment在android 3.0时被引入.是一种特殊的Fragment,用于在Activity的内容之上展示一个模态的对话框.典型的用于:展示警告框,输入框,确认框等等. 在Dia ...

  7. iptable软路由

    http://xstarcd.github.io/wiki/Linux/iptables_forward_internetshare.html # 默认丢弃转发,所有内网流量不能访问外网卡 iptab ...

  8. centos系统自动化安装研究

    https://rhinstaller.github.io/anaconda/intro.html https://github.com/rhinstaller/pykickstart/blob/ma ...

  9. leetcode 88

    88. Merge Sorted Array Given two sorted integer arrays nums1 and nums2, merge nums2 into nums1 as on ...

  10. final 的用法总结

    1.修饰成员变量 修饰普通变量 表明这个变量是一个常量,不可以修改这个变量的值,一般这样的变量的变量名都要大写 修饰引用变量 表明这个引用不能够指向别的对象了,只能够指向指定的这个对象 2.修饰方法 ...