Elementi forme i događaji (events)

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že pristupiti izrazom document.forms[document.forms.lenght]. Najbitnije svojstvo Form objekta je elements[] polje, koje sadrži JavaScript objekte (različitih tipova) koji predstavljaju različite 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ći element druge forme u dokumentu.

Postoji nekoliko mogućih HTML form elemenata i odgovarajućih JavaScript objekata, koji su ispisani u tablici:

Dva druga svojstva koja imaju svi elementi forme su name i value. Kada je forma primljena, korisnikovi podaci su poslani web poslužitelju u formi name/value parova. Ova svojstva određuju ime pod kojim se svaki element primi i vrijednost koja je primljena za taj element.

Name svojstvo je read-only string i njegova vrijednost je određena NAME atributom u HTML oznaci definiranom u formi. NAME atribut je opcionalan, ali podatak s elementa ne može biti primljen ako taj atribut nije određen.

Value svojstvo je slično name svojstvu. To svojstvo je read/write string za sve elemente forme i sadrži podatke koji su poslani s formom. Value svojstvo je određeno VALUE atributom HTML taga koji je definiran u formi.

Ako se želi ispisati trenutni datum i vrijeme u tekst polju za unos unutar forme, može se koristiti sljedeći izraz:

• danas=nedjelja;
• document.moja_forma.dan.value=danas;

Ako se želi dodati datum na već postojeći string, može se koristiti:

• document.moja_forma.dan.value+=danas;

Sve upotrebe value svojstva nisu ista. Za text i textarea objekte value svojstvo je string koji se nalazi u polju za unos. Namještanje value svojstva tih objekata mijenja tekst koji se nalazi u polju za unos.
Za Button, Reset, i Submit objekte value svojstvo predstavlja tekst ispisan na dugmetu.

Za Checkbox i Radio objekte value svojstvo predstavlja string vrijednost koja je poslana s formom ako su Checkbox ili Radio označeni. Posebno svojstvo checked se koristi kod tih objekata za ispitavanje stanja kućica, odnosno da li je neka kućica označena ili ne. To je booleov objekt, znači može biti true ili false.

Select objekt je još jedan poseban slučaj. Prikazuje padajući meni opcija koji omogućuje korisniku da izabere jedan od ponuđenih. Te opcije nisu označene tagom već tagom, pa tako select objekt nema value svojstva, i iznimka je u pravilu da svi form elementi imaju value.

Rezultat:

Izaberi svoj najpreglednik:
Microsoft Internet Explorer
Netscape Navigator