CSS3中password的属性如何修改?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3中password的属性如何修改?相关的知识,希望对你有一定的参考价值。

情况如下:
注册页面有两个类型为“password”的input,在注册页面底部有个注册协议的链接。公司的需求是,当用户输入完密码后,点击协议链接,看完协议再返回到注册页面的时候,类型为“password”的input里用户之前输入的值还在,不被清空。求解!
我要的是不被清空,现在在本地测试,<input>type 为 text 时候就不会被清空,但是password就不行,用了autocomplete="on"也没用!!

出于安全考虑,凡是类型为password的输入框,只要发生了页面跳转,再次返回当前页面时,即使是从浏览器缓存区读取的页面,此类输入框也会被自动清空的。否则的话危险是显而易见的:只要浏览器没有关闭,其他人在使用同一台电脑的时候就可以很容易用你的账号登录了,因为他只要回退页面到达你原来登陆的页面即可。
如果你非要这么做,那么可以这样:
可以把协议内容直接放在注册页面,如果内容较多可以一开始设为隐藏的,点击按钮或链接后再显示出来,这个用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属性。

    修改单一属性和多个属性的写法是有区别的,多个属性使用,属性与值之间用:分割,属性与属性之间用,分割。

参考技术A 请看以下例子:
<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的属性如何修改?的主要内容,如果未能解决你的问题,请参考以下文章

input框改变type属性

你如何修改java属性文件中的值

从获取中排除属性/字段 - 核心数据

使用带有 ATA_PASS_THROUGH_EX 的 DeviceIoControl() 的 SECURITY_SET_PASSWORD 失败

CSS3 实现动画闪烁效果 animation

php中如何进行用户信息的增加,删除,修改,功能。