{"id":1494,"date":"2021-03-24T07:14:00","date_gmt":"2021-03-24T06:14:00","guid":{"rendered":"https:\/\/ssntb.org\/mirozaric\/?p=1494"},"modified":"2021-03-24T07:14:00","modified_gmt":"2021-03-24T06:14:00","slug":"elementi-forme-i-dogadjaji-events","status":"publish","type":"post","link":"https:\/\/ssntb.org\/mirozaric\/2021\/03\/24\/elementi-forme-i-dogadjaji-events\/","title":{"rendered":"Elementi forme i doga\u0111aji (events)"},"content":{"rendered":"\n<p>JavaScript Form objekt predstavlja HTML formu. Forme su uvijek elementi forms[] polja, koje je svojstvo Document objekta. Forma se pojavljuje u polju redoslijedom kojim se pojavljuje u dokumentu. Tako se <strong>document.forms[0]<\/strong>, odnosi na prvu formu u dokumentu, a zadnjoj formi se mo\u017ee pristupiti izrazom document.forms<strong>[document.forms.lenght]<\/strong>. Najbitnije svojstvo Form objekta je elements[] polje, koje sadr\u017ei JavaScript objekte (razli\u010ditih tipova) koji predstavljaju razli\u010dite elemente forme. Elementi se kao i forme pojavljuju u polju redoslijedom kojim se pojavljuju u dokumentu, pa se izraz document.forms[1].elements[2] odnosi na tre\u0107i element druge forme u dokumentu.<\/p>\n\n\n\n<p>Postoji nekoliko mogu\u0107ih HTML form elemenata i odgovaraju\u0107ih JavaScript objekata, koji su ispisani u tablici:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"664\" height=\"690\" src=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/Slika-28.jpg\" alt=\"\" class=\"wp-image-1495\" srcset=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/Slika-28.jpg 664w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/Slika-28-289x300.jpg 289w\" sizes=\"auto, (max-width: 664px) 100vw, 664px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"222\" src=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/Slika-29.jpg\" alt=\"\" class=\"wp-image-1496\" srcset=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/Slika-29.jpg 666w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/Slika-29-300x100.jpg 300w\" sizes=\"auto, (max-width: 666px) 100vw, 666px\" \/><\/figure>\n\n\n\n<p>Dva druga svojstva koja imaju svi elementi forme su <strong>name<\/strong> i <strong>value<\/strong>. Kada je forma primljena, korisnikovi podaci su poslani web poslu\u017eitelju u formi name\/value parova. Ova svojstva odre\u0111uju ime pod kojim se svaki element primi i vrijednost koja je primljena za taj element.<\/p>\n\n\n\n<p><br>Name svojstvo je read-only string i njegova vrijednost je odre\u0111ena NAME atributom u HTML oznaci definiranom u formi. NAME atribut je opcionalan, ali podatak s elementa ne mo\u017ee biti primljen ako taj atribut nije odre\u0111en.<\/p>\n\n\n\n<p><br>Value svojstvo je sli\u010dno name svojstvu. To svojstvo je read\/write string za sve elemente forme i sadr\u017ei podatke koji su poslani s formom. Value svojstvo je odre\u0111eno VALUE atributom HTML taga koji je definiran u formi.<br><\/p>\n\n\n\n<p>Ako se \u017eeli ispisati trenutni datum i vrijeme u tekst polju za unos unutar forme, mo\u017ee se koristiti sljede\u0107i izraz:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><span class=\"has-inline-color has-vivid-red-color\">danas=nedjelja; <\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">document.moja_forma.dan.value=danas;<\/span><\/li><\/ul>\n\n\n\n<p>Ako se \u017eeli dodati datum na ve\u0107 postoje\u0107i string, mo\u017ee se koristiti:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><span class=\"has-inline-color has-vivid-red-color\">document.moja_forma.dan.value+=danas;<\/span><\/li><\/ul>\n\n\n\n<p>Sve upotrebe value svojstva nisu ista. Za text i textarea objekte value svojstvo je string koji se nalazi u polju za unos. Namje\u0161tanje value svojstva tih objekata mijenja tekst koji se nalazi u polju za unos.<br>Za Button, Reset, i Submit objekte value svojstvo predstavlja tekst ispisan na dugmetu.<\/p>\n\n\n\n<p><br>Za Checkbox i Radio objekte value svojstvo predstavlja string vrijednost koja je poslana s formom ako su Checkbox ili Radio ozna\u010deni. Posebno svojstvo checked se koristi kod tih objekata za ispitavanje stanja ku\u0107ica, odnosno da li je neka ku\u0107ica ozna\u010dena ili ne. To je booleov objekt, zna\u010di mo\u017ee biti true ili false.<\/p>\n\n\n\n<p><br>Select objekt je jo\u0161 jedan poseban slu\u010daj. Prikazuje padaju\u0107i meni opcija koji omogu\u0107uje korisniku da izabere jedan od ponu\u0111enih. Te opcije nisu ozna\u010dene tagom ve\u0107 tagom, pa tako select objekt nema value svojstva, i iznimka je u pravilu da svi form elementi imaju value.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"668\" src=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/Slika-30.jpg\" alt=\"\" class=\"wp-image-1497\" srcset=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/Slika-30.jpg 830w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/Slika-30-300x241.jpg 300w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/Slika-30-768x618.jpg 768w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><\/figure>\n\n\n\n<p>Rezultat:<\/p>\n\n\n\n<p>Izaberi svoj najpreglednik:<br>Microsoft Internet Explorer<br>Netscape Navigator<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript Form objekt predstavlja HTML formu. Forme su uvijek elementi forms[] polja, koje je svojstvo Document objekta. Forma se pojavljuje u polju redoslijedom kojim se pojavljuje u dokumentu. Tako se document.forms[0], odnosi na prvu formu u dokumentu, a zadnjoj formi se mo\u017ee pristupiti izrazom document.forms[document.forms.lenght]. Najbitnije svojstvo Form objekta je elements[] polje, koje sadr\u017ei JavaScript&hellip; <br \/> <a class=\"button small blue\" href=\"https:\/\/ssntb.org\/mirozaric\/2021\/03\/24\/elementi-forme-i-dogadjaji-events\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-1494","post","type-post","status-publish","format-standard","hentry","category-17"],"_links":{"self":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts\/1494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/comments?post=1494"}],"version-history":[{"count":1,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts\/1494\/revisions"}],"predecessor-version":[{"id":1498,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts\/1494\/revisions\/1498"}],"wp:attachment":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/media?parent=1494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/categories?post=1494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/tags?post=1494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}