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="jako-text"> <label for="input">Popis pole</label><input type="text" id="input"><button>Odeslat</button> </div> <div class="jako-text"> <label for="input2">Popis pole</label><input type="text" id="input2"><input type="submit" value="Odeslat"> </div> <div class="jako-text"> <label for="input3">Popis pole</label><input type="text" id="input3"><button>Odeslat</button> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.jako-text label, .jako-text input, .jako-text button { background: #DA3F94; color: #fff; /* Jen barvy */ display: inline-block; padding: 0 .4em; border: 0; margin: .1em; line-height: 2em; height: 2em; /* pro <input> */ font-size: 100%; font-family: "Segoe UI", Arial; } .jako-text input[type=text] {background: #8ECCF0; color: #0D6AB7} .jako-text label {background: #1081DD;} .jako-text input::-moz-focus-inner, .jako-text button::-moz-focus-inner {padding: 0; border: 0} .jako-text button:focus, .jako-text input:focus {box-shadow: 0 0 4px #DA3F94; outline: 0}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>