In aceasta lectie se continua prezentarea celorlalte obiecte de nivel 3 si obiectul de nivel 4, "Option", ale elementelor de formular.
1. Obiectul Reset
Acest obiect este asociat butonului "reset" dintr-un formular HTML, cand butonul este actionat sterge toate datele noi introduse in formular, stabilind campurile la valoarea lor initiala.
Proprietati ale obiectului "Reset" sunt urmatoarele :
-
form - returneaza obiectul Form ce contine butonul
name - contine sirul specificat in atributul name al etichetei <input> corespunzatoare butonului
type - contine sirul specificat in atributul type al etichetei <input>
value - returneaza sirul adaugat in atributul value din eticheta <input> a butonului
Metode ale obiectului "Reset" sunt urmatoarele :
-
blur() - dezactiveaza butonul
click() - apeleaza un eveniment "click" pt. butonul respectiv
focus() - activeaza butonul
2. Obiectul Submit
Acest obiect este asociat butonului "submit" dintr-un formular HTML, cand butonul este actionat trimite datele din formular spre calea specificata in atributul "action" din eticheta <form>, pentru a fi procesate (de exemplu, la un script PHP).
Proprietati ale obiectului "Submit" sunt urmatoarele :
-
form - returneaza datele din intreg formularul ce contine butonul "submit"
name - returneaza sirul specificat in atributul name al etichetei <input> corespunzatoare butonului
type - returneaza sirul specificat in atributul type din eticheta <input> a butonului "submit"
value - returneaza sirul adaugat in atributul value din eticheta <input> a butonului
Metode ale obiectului "Submit" sunt urmatoarele :
-
blur() - dezactiveaza butonul
click() - apeleaza un eveniment "click" pt. butonul respectiv
focus() - activeaza butonul
handle Event() - apeleaza handlerul pt. evenimentul specificat
3. Obiectul Select
Acest obiect face referire la caseta cu lista de selectare si lista derulanta dintr-un formular HTML, ambele permit utilizatorului selectarea unor valori dintr-o lista predefinita. Dintr-o lista derulanta se poate selecta numai o singura valoare iar dintr-o caseta cu lista de selectare se pot selecta mai multe valori.
. Obiectul select poate apare ca lista derulanta (in mod initial) sau ca lista de selectare daca se specifica proprietatea "multiple" ca adevarata (true).
Proprietati ale obiectului "Select" sunt urmatoarele :
-
form - returneaza obiectul Form ce contine lista de selectare
length - returneaza numarul de optiuni din lista de selectare
name - returneaza sirul specificat in atributul name al etichetei HTML corespunzatoare
type - returneaza sirul specificat in atributul type al etichetei HTML (pentru instantele select ce contin atributul "multiple" returneaza "select-multiple", iar pentru cele fara acest atribut returneaza "select-one")
options - returneaza un tablou ce contine toate elementele din caseta de selectare.
Elementele sunt definite cu eticheta HTML <options>. aceasta proprietate are doua subproprietati: "length" si "selectedIndex"
selectedIndex - returneaza un numar care specifica indicele optiunii selectate din caseta de selectare
Metode ale obiectului "Select" sunt urmatoarele :
-
blur() - dezactiveaza caseta de selectare
click() - apeleaza un eveniment "click" pt. caseta de selectare
handleEvent() - transfera un eveniment handlerului de eveniment corespunzator
4. Obiectul Text
Acest obiect este reprezentarea casetei de tip "text" dintr-un formular HTML.
Obiectul text serveste ca unealta de capturare a datelor dintr-o caseta de tip "text".
Proprietati ale obiectului "Text" sunt urmatoarele :
-
defaultValue - returneaza valoarea casetei de text, specificate de atributul value.
form - returneaza obiectul Form ce contine caseta de text
name - returneaza sirul specificat in atributul name al etichetei HTML corespunzatoare
type - returneaza sirul specificat in atributul type al etichetei HTML
value - returneaza valoarea afisata in caseta de text
Metode ale obiectului "Text" sunt urmatoarele :
-
blur() - dezactiveaza caseta de text
focus() - activeaza caseta de tip text
handleEvent() - transfera un eveniment handlerului de eveniment corespunzator
select() - selecteaza textul din caseta de text
5. Obiectul Textarea
Asemanator cu obiectul "Text", obiectul Textarea este reprezentarea casetei de tip "textarea" dintr-un formular HTML. Aceasta caseta permite adaugarea mai multor linii de text in acelasi camp (caseta).
Proprietati ale obiectului "Textarea" sunt urmatoarele :
-
defaultValue - returneaza valoarea zonei de text, specificate intre etichetele <textarea>
form - returneaza obiectul Form ce contine caseta textarea
name - returneaza sirul specificat in atributul name al etichetei HTML corespunzatoare
type - returneaza sirul specificat in atributul type al etichetei HTML
value - returneaza valoarea afisata in caseta textarea
Metode ale obiectului "Textarea" sunt urmatoarele :
-
blur() - dezactiveaza zona de text
focus() - activeaza zona de text
handleEvent() - transfera un eveniment handlerului de eveniment corespunzator
select() - selecteaza textul din campul de text
6. Obiectul Option (nivel 4)
Acest obiect este singurul obiect de nivel 4, acesta face referire la elementele <option> definite intre etichetele <select>.
Obiectul option este un subobiect a obiectului "Select".
Proprietatile obiectului "Option" sunt urmatoarele :
-
defaultSelected - face referire la optiunea care este selectata in mod prestabilit in caseta de selectare
index - face referire la locatia indexata a unui element in tabloul "Select.options" (incepe cu 0)
selected - face referire la valoarea selectata a casetei de selectare
text - face referire la textul pentru optiune
value - face referire la vloarea care este returnata cand este selectate optiunea
Un Test simplu in fiecare zi
HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag e folosit pentru a adauga liste cu definitii in element <dl>?
<dt> <dd> <li><dl>
<dt>HTML</dt>
<dd> - Hyper Text Markup Language</dd>
<dd> - Limbaj de cod pentru pagini web</dd>
</dl>
Care proprietate CSS poate sa ascunda un element in pagina, lasand spatiu gol in locul lui?
display position visibility#id {
visibility: hidden;
}
Indicati evenimentul declansat cand se apasa clic pe un obiect in pagina.
onclick onmouseover onfocus document.getElementById("id").onclick = function(){
alert("http://www.MarPlo.net/");
}
Indicati variabila PHP ce contine datele din $_GET, $_POST si $_COOKIE.
$_SESSION $_GET $_REQUESTif(isset($_REQUEST["id"])) {
echo $_REQUEST["id"];
}
Care din urmatoarele cuvinte reprezinta un Verb?
lighting believe pathI believe in my path.
- Eu cred in calea mea.
Care din urmatoarele cuvinte reprezinta un Verb?
creer camino iluminacióncreer = a crede; camino = cale /drum; iluminación = iluminare