CSS3中password的属性如何修改?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3中password的属性如何修改?相关的知识,希望对你有一定的参考价值。
情况如下:
注册页面有两个类型为“password”的input,在注册页面底部有个注册协议的链接。公司的需求是,当用户输入完密码后,点击协议链接,看完协议再返回到注册页面的时候,类型为“password”的input里用户之前输入的值还在,不被清空。求解!
我要的是不被清空,现在在本地测试,<input>type 为 text 时候就不会被清空,但是password就不行,用了autocomplete="on"也没用!!
如果你非要这么做,那么可以这样:
可以把协议内容直接放在注册页面,如果内容较多可以一开始设为隐藏的,点击按钮或链接后再显示出来,这个用js很容易就能搞定;
如果非要新开页面来显示协议内容,可以采取新开窗口或新开标签页的方式,这样的话原注册页面就不会被关闭,也不会被刷新,那么原来输入的密码就还在;
如果非要在同一页面显示协议内容,然后再返回登录页面,那么就只能先把密码存入Cookie,返回后再读取出来放到密码框中,或者通过url传参方式把密码内容传到协议页面,返回时再把密码传回登录页面。需要提醒的是,这么做会造成很大的泄密风险,后果自负。 参考技术A
3种办法解决
看协议的时候 使用 window.open 直接弹出的 原来页面不动
如果一定要跳转到新页面 在点协议的时候 做成函数 先保留输入的数据到COOKIE 然后 JS跳转到协议页面 回来的时候 读取COOKIE
再跳转协议的时候 把输入的数据 使用 协议url?password=xxxxxxxxx 返回的时候JS读取URL参数 password 赋值进去
js如何更改css样式,
我想将css设置的图片style="background:url('/Images/shuru.gif') no-repeat;",如何在js中将图片隐藏,
JS可以使用css属性来进行样式修改,并且不仅可以修改单一属性,也可以同时修改多个属性。
案例
以下小案例使用JQuery作为演示。
前提: html页面首先必须引入JQuery,放置在body体最后的位置。例如:
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>html部分代码
<p>我是一个段落,我没有背景颜色的,但是JQuery会给我增加背景颜色。
</p>
<button>
点击我,给上面段落添加黄色背景颜色。
</button>
JQuery代码
$("button").click(function()$("p").css("background-color", "yellow");
);
修改多个属性
$("button").click(function()$("p").css("background-color": "yellow", "font-size": "200%");
);
结论与解释:
首先使用Jquery选择器进行元素选择 - $("button")
为该元素绑定点击事件 - click
click中的匿名函数修改css属性。
在css属性的修改中,p段落有了黄色背景; 多个属性修改,不但有了黄色背景而且字体是之前的两倍大小。
注意事项:
可以不用非要绑定事件,在本案例中,绑定事件是为了更好地演示Jquery如何操作css属性。
修改单一属性和多个属性的写法是有区别的,多个属性使用,属性与值之间用:分割,属性与属性之间用,分割。
<html>
<head>
<meta charset="utf-8">
<title>exp</title>
<style>
p
background-image:url(写你的图片url);
</style>
</head>
<body>
<p id="p"></p>
<a href="javascript:void(0);" onclick="hideImg()">点击我隐藏</a>
<a href="javascript:void(0);" onclick="showImg()">点击我显示</a>
<a href=" http://www.dadaxun.com/">达达寻</a>
</body>
</html>
<script>
function hideImg()
var p = document.getElementById("p");
p.style.backgroundImage = "";
function showImg()
var p = document.getElementById("p");
p.style.backgroundImage = "url(写你的图片url)";
</script>
达达寻 dadaxun 为你解答
以上是关于CSS3中password的属性如何修改?的主要内容,如果未能解决你的问题,请参考以下文章
使用带有 ATA_PASS_THROUGH_EX 的 DeviceIoControl() 的 SECURITY_SET_PASSWORD 失败