{"id":390,"date":"2024-02-12T09:04:42","date_gmt":"2024-02-12T08:04:42","guid":{"rendered":"https:\/\/gdm.sosthe.sk\/?page_id=390"},"modified":"2024-02-12T09:04:42","modified_gmt":"2024-02-12T08:04:42","slug":"prvky-formularov","status":"publish","type":"page","link":"https:\/\/gdm.sosthe.sk\/?page_id=390","title":{"rendered":"Prvky formul\u00e1rov"},"content":{"rendered":"<h4>1. Textov\u00e9 pole\u00a0<em>(TYPE=TEXT)<\/em><\/h4>\n<pre>&lt;input type=text name=pozdrav value=\"Nap\u00ed\u0161 po\u017eadovan\u00fd pozdrav\" size=60\"&gt;<\/pre>\n<p><input name=\"pozdrav\" size=\"60&quot;\" type=\"text\" value=\"Nap\u00ed\u0161 po\u017eadovan\u00fd pozdrav\" \/><\/p>\n<h4><\/h4>\n<h4>2. Tla\u010d\u00edtko na odosielanie formul\u00e1ra\u00a0<em>(TYPE=SUBMIT)<\/em><\/h4>\n<pre>&lt;input type=submit value=\"Odosla\u0165\"&gt;<\/pre>\n<p><input type=\"submit\" value=\"Odosla\u0165\" \/><\/p>\n<h4><\/h4>\n<h4>3. Tla\u010d\u00edtko na resetovanie formul\u00e1ra\u00a0<em>(TYPE=RESET)<\/em><\/h4>\n<pre>&lt;input type=reset value=\"Obnovi\u0165\"&gt;<\/pre>\n<p><input type=\"reset\" value=\"Obnovi\u0165\" \/><\/p>\n<h4><\/h4>\n<h4>4. Be\u017en\u00e9 tla\u010d\u00edtko\u00a0<em>(TYPE=BUTTON)<\/em><\/h4>\n<pre>&lt;input type=button value=\"Sk\u00fas stla\u010di\u0165\"&gt;<\/pre>\n<p><input type=\"button\" value=\"Sk\u00fas stla\u010di\u0165\" \/><\/p>\n<h5><\/h5>\n<h4>5. Obr\u00e1zkov\u00e9 tla\u010d\u00edtko odosielania\u00a0<em>(TYPE=IMAGE)<\/em><\/h4>\n<pre>&lt;input type=image name=obrazok src=picture\/php.gif&gt;<\/pre>\n<p><input name=\"obrazok\" src=\"http:\/\/epu.sosthe.sk\/picture\/php.gif\" type=\"image\" \/><\/p>\n<h5><\/h5>\n<h4>5. Heslo\u00a0<em>(TYPE=PASSWORD)<\/em><\/h4>\n<pre>&lt;input type=password name=heslo value=abc&gt;<\/pre>\n<p><input name=\"heslo\" type=\"password\" value=\"abc\" \/><\/p>\n<h4><\/h4>\n<h4>6. Prep\u00ednacie tla\u010d\u00edtka\u00a0<em>(TYPE=RADIO)<\/em><\/h4>\n<pre> &lt;input type=radio name=predmet value=\"Matematika\"&gt; Matematika &lt;br&gt;\r\n &lt;input type=radio name=predmet value=\"Fyzika\" checked&gt; Fyzika &lt;br&gt;\r\n &lt;input type=radio name=predmet value=\"Ekonomika\"&gt; Ekonomika &lt;br&gt;<\/pre>\n<p><input name=\"predmet\" type=\"radio\" value=\"Matematika\" \/>\u00a0Matematika<\/p>\n<p><input checked=\"checked\" name=\"predmet\" type=\"radio\" value=\"Fyzika\" \/>\u00a0Fyzika<\/p>\n<p><input name=\"predmet\" type=\"radio\" value=\"Ekonomika\" \/>\u00a0Ekonomika<\/p>\n<h4><\/h4>\n<h4>7. Za\u0161krt\u00e1vacie pole\u00a0<em>(TYPE=CHECKBOX)<\/em><\/h4>\n<pre> &lt;input type=checkbox name=predmet[] value=\"Matematika\"&gt; Matematika &lt;br&gt;\r\n &lt;input type=checkbox name=predmet[] value=\"Fyzika\" checked&gt; Fyzika &lt;br&gt;\r\n &lt;input type=checkbox name=predmet[] value=\"Ekonomika\"&gt; Ekonomika &lt;br&gt;<\/pre>\n<p><input name=\"predmet[]\" type=\"checkbox\" value=\"Matematika\" \/>\u00a0Matematika<\/p>\n<p><input checked=\"checked\" name=\"predmet[]\" type=\"checkbox\" value=\"Fyzika\" \/>\u00a0Fyzika<\/p>\n<p><input name=\"predmet[]\" type=\"checkbox\" value=\"Ekonomika\" \/>\u00a0Ekonomika<\/p>\n<h4><\/h4>\n<h4>8. Skryt\u00e9 pole formul\u00e1ra\u00a0<em>(TYPE=HIDDEN)<\/em><\/h4>\n<pre>&lt;input type=hidden name=\"n\u00e1zov\" value=\"hodnota\"&gt;<\/pre>\n<p>&nbsp;<\/p>\n<h4><\/h4>\n<h4>9. S\u00fabor\u00a0<em>(TYPE=FILE)<\/em><\/h4>\n<pre>&lt;input type=file name=obr&gt;<\/pre>\n<p><input name=\"obr\" type=\"file\" \/><\/p>\n<h4><\/h4>\n<h4>10. Zoskupovanie formul\u00e1rov\u00fdch prvkov<\/h4>\n<p>Ak sa chyst\u00e1te vytv\u00e1ra\u0165 rozsiahlej\u0161ie formul\u00e1re, pr\u00eddu v\u00e1m ur\u010dite vhod elementy\u00a0<strong>FIELDSET\u00a0<\/strong>a\u00a0<strong>LEGEND<\/strong>, ktor\u00e9 v\u00e1m umo\u017enia rozdeli\u0165 formul\u00e1r na preh\u013eadnej\u0161ie \u010dasti. T\u00e1g\u00a0<em>GIELDSET<\/em>\u00a0je p\u00e1rov\u00fd a ohrani\u010d\u00ed skupinu prvkov tenkou \u010diarou. Nadpis takejto skupiny m\u00f4\u017ete vytvori\u0165 druh\u00fdm t\u00e1gom\u00a0<em>LEGEND<\/em>, ktor\u00fd je tie\u017e p\u00e1rov\u00fd. V t\u00e1gu\u00a0<em>LEGEND<\/em>\u00a0je zaveden\u00fd atrib\u00fat\u00a0<strong>accesskey,<\/strong>\u00a0ktor\u00fd umo\u017e\u0148uje stla\u010den\u00edm kl\u00e1ves\u00a0<strong>ALT + nastaven\u00fd kl\u00e1ves<\/strong>\u00a0aktivova\u0165 pr\u00edslu\u0161n\u00fa skupinu (ak t\u00fato funkciu podporuje prehliada\u010d).<\/p>\n<h4><\/h4>\n<h4>11. Zoznam<\/h4>\n<p>Zoznam sa pou\u017e\u00edva, ak chceme u\u017e\u00edvate\u013eovi pon\u00faknu\u0165 jednu, alebo viac polo\u017eiek prednastaven\u00e9ho zoznamu polo\u017eiek. Pou\u017eit\u00edm atrib\u00fatu\u00a0<strong>multiple<\/strong>\u00a0umo\u017en\u00edme viacn\u00e1sobn\u00fd v\u00fdber.<\/p>\n<pre>&lt;select size=\"1\" name=\"zoznam\"&gt;\r\n &lt;option&gt;Renault&lt;\/option&gt;\r\n &lt;option selected&gt;Opel&lt;\/option&gt;\r\n &lt;option&gt;Fiat&lt;\/option&gt;\r\n &lt;option&gt;\u0160koda&lt;\/option&gt;\r\n &lt;\/select&gt;<\/pre>\n<p><select name=\"zoznam\" size=\"1\"><option>Renault<\/option><option selected=\"selected\">Opel<\/option><option>Fiat<\/option><option>\u0160koda<\/option><\/select><\/p>\n<h4><\/h4>\n<h4>11.1. Hierarchick\u00fd zoznam<\/h4>\n<p>Pokia\u013e do zoznamu uvedieme ve\u013ek\u00e9 mno\u017estvo polo\u017eiek stane sa v\u00fdber dos\u0165 nepreh\u013eadn\u00fd. Z tohto d\u00f4vodu je zaveden\u00fd p\u00e1rov\u00fd t\u00e1g\u00a0<strong>OPTGROUP<\/strong>, ktor\u00fd umo\u017en\u00ed hierarchick\u00e9 roz\u010dlenenie zoznamu do preh\u013eadnej\u0161\u00edch skup\u00edn. Text ur\u010duj\u00faci n\u00e1zov skupiny je uveden\u00ed pomocou atrib\u00fatu\u00a0<strong>label.<\/strong><\/p>\n<p>Z\u00e1kladn\u00e1 syntax:<\/p>\n<pre>&lt;select&gt;\r\n &lt;optgroup label=n\u00e1zov 1. skupiny&gt;\r\n &lt;option&gt;Polo\u017eka 1&lt;\/option&gt;\r\n &lt;option&gt;Polo\u017eka n&lt;\/option&gt;\r\n &lt;\/optgroup&gt;\r\n &lt;optgroup label=n\u00e1zov 2. skupiny&gt;\r\n &lt;option&gt;Polo\u017eka 1&lt;\/option&gt;\r\n &lt;option&gt;Polo\u017eka n&lt;\/option&gt;\r\n &lt;\/optgroup&gt;\r\n &lt;select&gt;<\/pre>\n<p><select><optgroup label=\"n\u00e1zov\"><option>Polo\u017eka 1<\/option><option>Polo\u017eka n<\/option><\/optgroup><br \/>\n<\/select><\/p>\n<p><select><optgroup label=\"n\u00e1zov\"><option>Polo\u017eka 1<\/option><option>Polo\u017eka n<\/option><\/optgroup><br \/>\n<\/select><\/p>\n<h5><\/h5>\n<h4>12. Viacriadkov\u00fd text<\/h4>\n<pre>&lt;textarea name=\"textove pole\" rows=\"4\" cols=\"24\"&gt;Tu nap\u00ed\u0161te va\u0161e pripomienky&lt;\/textarea&gt;<\/pre>\n<p><textarea cols=\"24\" name=\"textove pole\" rows=\"4\"><\/textarea><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Textov\u00e9 pole\u00a0(TYPE=TEXT) &lt;input type=text name=pozdrav value=&#8220;Nap\u00ed\u0161 po\u017eadovan\u00fd pozdrav&#8220; size=60&#8243;&gt; 2. Tla\u010d\u00edtko na odosielanie formul\u00e1ra\u00a0(TYPE=SUBMIT) &lt;input type=submit value=&#8220;Odosla\u0165&#8220;&gt; 3. Tla\u010d\u00edtko na resetovanie formul\u00e1ra\u00a0(TYPE=RESET) &lt;input type=reset value=&#8220;Obnovi\u0165&#8220;&gt; 4. Be\u017en\u00e9 tla\u010d\u00edtko\u00a0(TYPE=BUTTON) &lt;input type=button value=&#8220;Sk\u00fas stla\u010di\u0165&#8220;&gt; 5. Obr\u00e1zkov\u00e9 tla\u010d\u00edtko odosielania\u00a0(TYPE=IMAGE) &lt;input type=image name=obrazok src=picture\/php.gif&gt; 5. Heslo\u00a0(TYPE=PASSWORD) &lt;input type=password name=heslo value=abc&gt; 6. Prep\u00ednacie tla\u010d\u00edtka\u00a0(TYPE=RADIO) &lt;input type=radio name=predmet value=&#8220;Matematika&#8220;&gt; Matematika [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-390","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=390"}],"version-history":[{"count":1,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/390\/revisions"}],"predecessor-version":[{"id":391,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/390\/revisions\/391"}],"wp:attachment":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}