Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div class="login-block"> <input type="text"> <br><br> <input type="password"> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.login-block input { width: 200px; height: 38px; padding-left: 50px; } .login-block [type=text] { background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat; background-size: 16px 80px; } .login-block [type=password] { background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px top no-repeat; background-size: 16px 80px; } .login-block :focus { background-position: 20px bottom; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>