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
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="utf-8"> <title>Change your site look</title> <link rel="stylesheet" href="options_easy.css"/> </head> <body> <form name="easy"> <fieldset> <legend>Web-site</legend> <label for="title">Site/Domain Title:</label> <input maxlength=25 size=20 id="title" name="title"><br> <label for="list">or Load from:</label> <select size="1" id="list" name="list"> <option value="0">Velká Británie</option> <option value="1">Velká Británie</option> </select> <label for="site_rule">Site Rule:</label> <input maxlength=500 size=20 id="site_rule" name="site_rule"><br> <label for="description">Your Description:</label> <input maxlength=256 size=199 id="description" name="description"><br> <label for="css">CSS Rules:</label> <textarea cols=150 rows=15 maxlength=2000 id="css" name="css"></textarea> <p> <button type="submit" value="Save"> <button type="button" value="Restore"> </p> </fieldset> </form> <script src="options_easy.js"></script> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { font-family: "Arial Black", Arial, Tahoma, Verdana; font-size: 14px; } fieldset { line-height: 28px; } label { display:block; width: 250px; } input, textarea, select, button { font-family: Arial, Tahoma, Verdana; font-size: 14px; } p { width:640px; text-align:center;} button { height: 30px; width:100px; color:black; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>