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
<table width="100%" border="0" align="center" > <tbody> <tr> <td width="900" align="center" bgcolor="#4CAF50"><font size="+3" color="white">Přijemka</font></td> </tr> <tr> <td bgcolor="#FFFFFF" align="center"> <form method="get"> <div class="polozky" id="polozky"> <div class="polozka" id="sablona"> <table width="100%" border="0"> <tbody> <tr> <td><input type="text" name="policko1[]" placeholder="Sukl"></td> <td><input type="text" name="policko2[]" placeholder="Sarze"></td> <td><input type="text" name="policko3[]" placeholder="Produkt zkratka"></td> <td><input type="text" name="policko4[]" placeholder="Nazev zbozi"></td> <td><input type="text" name="policko5[]" placeholder="Pocet kusu"></td> <td><input type="text" name="policko6[]" placeholder="Cena za KS"></td> <td><input type="text" name="policko7[]" placeholder="Expirace"></td> <td><input type="text" name="policko8[]" placeholder="Sklad"></td> <td><button class="odebrat" onclick="odebrat(this)">- Odebrat</button></td> <td><button type="button" onclick="pridatPole()">+ Přidat</button></td> </tr> </tbody> </table> </div> </div> <input type="submit" name="submit" id="submit" value="Odeslat">
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var prvniPolozka = document.getElementById('sablona'); var sablona = prvniPolozka.cloneNode(true); function pridatPole() { var kopie = sablona.cloneNode(true); document.getElementById('polozky').appendChild(kopie); kopie.getElementsByTagName("input")[0].focus(); } function odebrat(btn) { var row = btn.parentNode.parentNode; row.parentNode.removeChild(row); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>