Späť Domov Ďalej

Domov
Výpisy
Premenné
Dialógové okná
Tlačidlá
.Podmienky a vetvenie
Cyklus
Funkcie
Objekty
Objekt Array
Objekty tvorené užívateľom
Objekt Date
Objekt Math
Formuláre
Objekty formulárov
Ďalšie objekty formulára
Obrázky
Obrázky-2
Stavový riadok
Popis v stavovom riadku
Animovaný text
Hodiny
Skladačka
Linky

9.1. Objekty formulára

Objekt Text je jednoriadkové pole, vytváraný značkou HTML <input type="text"> - tento sme použili už v predchádzajúcom formulári.

Vlastnosti : form - touto vlastnosťou možno odkazovať na formulár, v ktorom je objekt text, name - meno objektu, value - hodnota objektu

Metódy: focus() - nastavenie sa na objekt, blur()-odníma fokus, select - označuje vybraný text

Príklad: Vytvorte jednoriadkové pole s vložením mena dĺžky 20 znakov s nastavením fokusu po nájazde myšou nad pole

vložte svoje meno

 

<form>

<p><input type="text" name="meno" size="20" onmouseover="focus()">vložte svoje meno</p>

</form> 

Objekt textarea je viacriadkové pole vytvárané značkou v HTML <input type="textarea" >

Vlastnosti a metódy podobné ako text.

 

Príklad: Vytvorte textové pole na vytvorenie viacriadkového textového poľa

sem napíšte svoje výhrady

 <form >

<p><textarea rows="2" name="nazor" cols="20" onMouseover="focus()"></textarea>sem napíšte svoje výhrady</p>

</form>

Objekt Checkbox - zaškrtávacie tlačidlo - je vytváraný značkou HTML <input type="checkbox">

okrem predchádzajúcich vlastností pribudla booleanovská vlastnosť checked, ktorá vracia stav zaškrtávajúceho políčka

Príklad: Vytvorte formulár s výberom odpovedí
V domácnosti sa nachádza

chladnička

počítač

automatická pračka

 

          Zdrojový kód:

V domácnosti sa nachádza

<form>

<p><input type="checkbox" name="stranka1" value="ON">chladnička</p>

<p><input type="checkbox" name="stranka2" value="ON" onclick="if(this.checked) {alert('počítač musí byť')}">počítač</p>

<p><input type="checkbox" name="stranka3" value="ON">automatická pračka</p>

</form>

V domácnosti sa nachádza

<form>

<p><input type="checkbox" name="stranka1" value="ON">chladnička</p>

<p><input type="checkbox" name="stranka2" value="ON" onclick="if(this.checked) {alert('počítač musí byť')}">počítač</p>

<p><input type="checkbox" name="stranka3" value="ON">automatická pračka</p>

</form>


Úlohy:

  1. Vytvorte formulár s 1-riadkovými textami na vstup - mena, priezviska a veku návštevníka. V prípade nezadania mena a priezviska - upozornite na skutočnosť, v prípade nezadania veku alebo mladšieho 15 rokov zamietnite prístup. 

  2. Doplňte o viarciadkovýé textové pole na vpísanie pripomienok

  3. Doplňte o pole so zaškrtávacími políčkami

Riešenie


 späť  pokračovanie


Posledná aktualizácia: 12 máj, 2003

Webmaster: Mgr.Anna Peťovská