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
<html> <body> <form method="get" action="/vyhledavani/" role="form"> <div class="search-form"> <input type="text" name="q" size="18" placeholder="Vyhledávání slev"> <button type="submit" class="btn"></button> </div> </form> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.search-form { clear: both; font-size: 14px; width: 250px; margin: 20px 0px 20px 0px; border-radius: 20px; background-color: white; height: 34px; background-image: url(http://www.akcnivyber.cz/static/images/icon-search.png); background-position: right; background-repeat: no-repeat; border: solid 1px white; } .search-form input { position: relative; border: 0; width: 210px; border-radius: 20px 0px 0px 20px; float: none; padding-left: 20px; height: 34px; background-color: transparent; } .search-form button { position: absolute; right: 0px; height: 34px; border: none; padding: 17px 17px 17px 18px; float: none; background-color: transparent; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>