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" action="photo?addnew" enctype="multipart/form-data" name="photo-uploader" > <p>Všimni si tie hranaté zátvorky v name:<br> <code><input name="photo<b>[]</b>"></code></p> <input name="photo[]" type="file"> <button name="addmore">Viac fotiek</button> <label>Kategória: <select name="group"> <option>Příroda <option>Panoráma <option>Portrét </select> </label> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
input[type=file], button { display: block; }
CSS
Autoformát
CSS reset
Až na konci
(function() { document.forms['photo-uploader'].elements['addmore'].onclick = function() { var newfile = document.createElement('input'); newfile.type = 'file'; newfile.name = 'photo[]'; this.parentElement.insertBefore(newfile, this); return false; } })()
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>