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
<input type="text" list="prvni" id="prvniMoznost"> <datalist id="prvni"> <option value="Ahoj"></option> </datalist> <input type="text" list="druhy" onfocus="naplnit(document.getElementById('prvniMoznost').value)"> <datalist id="druhy"></datalist>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var data = { "CSS" : ["background", "padding", "margin", "border"], "HTML" : ["body", "html", "h1", "p", "textarea"] }; var prvni; for (var polozka in data) { prvni += "<option value='" + polozka + "'>"; } document.getElementById("prvni").innerHTML = prvni; function naplnit(hodnota) { var druhy; if (data[hodnota]) { for (var polozka in data[hodnota]) { druhy += "<option value='" + data[hodnota][polozka] + "'>"; } } document.getElementById("druhy").innerHTML = druhy; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>