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
<form method="POST" enctype="multipart/form-data" id="formular"> <input autocomplete="off" type="text" name="fullname" placeholder="Jméno a příjmení" class="kontakt-single clrthis" required=""> <input autocomplete="off" type="text" name="email" placeholder="Email" class="kontakt-double clrthis" style="float: left;" required=""> <input autocomplete="off" type="text" name="phone" placeholder="Telefon" class="kontakt-double clrthis" style="float: right;" required=""> <textarea name="message" placeholder="Zpráva" class="kontakt-textarea clrthis" required=""></textarea> <input type="submit" name="submit" value="Odeslat zprávu" class="kontakt-submit"> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.kontakt-single { border: none; border-radius: 10px; width: 100%; padding: 15px; margin-bottom: 20px; font-size: 16px; background-color: #ffecef; outline: none; margin-top: 30px; } .kontakt-single:focus { border: 2.5px solid #f55767; } .kontakt-double { border: none; border-radius: 10px; width: calc(50% - 40px); padding: 15px; font-size: 16px; background-color: #ffecef; outline: none; } .kontakt-double:focus { border: 2.5px solid #f55767; } .kontakt-textarea { margin-top: 15px; resize: none; border: none; border-radius: 10px; width: 100%; height: 220px; padding: 15px; font-size: 16px; background-color: #ffecef; margin-top: 20px; outline: none; } .kontakt-textarea:focus { border: 2.5px solid #f55767; } .kontakt-submit { border: none; border-radius: 10px; width: calc(50% - 10px); padding: 15px; float: right; background-color: #f2f2f2; margin-top: 25px; font-size: 18px; font-weight: bold; color: #333333; -webkit-appearance: none; -moz-appearance: none; } .kontakt-submit:hover { cursor: pointer; background-color: #d9d9d9; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>