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
<title>Responsivní formulář pro vyhledávání</title> <h1>Responsivní formulář pro vyhledávání</h1> <p>Políčko pro hledání se přizpůsobuje podle dostupné šířky.</p> <div class="search"> <div class="search-field"> <input type="text" class="search-input"> </div> <div class="search-control"> <button class="search-button">Search</button> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
* { box-sizing: border-box; } .search { display: table; } .search-field, .search-control { display: table-cell; width: 100%; } .search-input { width: 100%; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>