首页 > 代码库 > placeholder和json两种实现登录隐藏的方法
placeholder和json两种实现登录隐藏的方法
<head>
<title>
placeholder和json两种实现登录隐藏的方法
</title>
<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 class="password" id="pwdPlaceholder" type="text" value=http://www.mamicode.com/' + pwdVal + ' autocomplete="off" />');> placeholder和json两种实现登录隐藏的方法,当浏览器不支持placeholder时，可以用json来实现登录用户名密码的隐藏
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。