Inainte sa intram in detalii trebuie ar trebuii sa expunem putin bazele unui formular. Campurile de text au cateva atribute care trebuiesc mentionate inca de la inceput:
- type -Determina tipul campului de text. De exemplu: text, trimite, sau parola.
- name -Atribuie un nume campului pentru a pute face referire la el mai tarziu
- size -Seteaza marimea campului.
- maxlength -Valoarea maxima de caractere ce pot fi introduse.
<form method="post" action="mailto:youremail@email.com">
Name: <input type="text" size="10" maxlength="40" name="name"> <br />
Password: <input type="password" size="10" maxlength="10" name="password">
</form>
|
Coduri culori - HTML
HTML - Alte atribut
Vom folosii atributele name sau id pentru a stabilii un nume pentru campul nostru ascuns.
<input type="hidden" id="age" name="age" value="25" />
<input type="hidden" id="DOB" name="DOB" value="01/01/70" />
<input type="hidden" id="admin" name="admin" value="1" />
Am exemplificat ma sus trei modele ce
campuri ascunse care ar putea fi de folos in special daca ai o pagina web unde userul va trebuii
sa se logheze pentru a avea acces la anumite informatii. Campul cu "admin"
este folosit pentru a verifica rangul cuiva, 1
semnificand administarator, iar 0
non-administrator.
"Hidden filds" se folosesc
atunci cand avem de-a face cu informatii pe care le vrem trecute in mai multe
formulare, dedorind insa ca userul sa introduca informatia mentionata de mai
multe ori.
HTML - img src.
"src" este prescurtarea pentru "source" (sursa). Acest atribut se foloseste pentru a indica locatia fotografiei. Dupa cum am explicat in capitolul destinat linkurilor se poate folosi orice tip de URL pentru a indica adresa fisierului.
src="image.jpg" fotografia este situata pe acelasi nivel cu fisierul .html
src="../image.jpg" fotografia este situata pe un nivel anterior fisierului .html.
src="../img/image.jpg" fotografia este situata in folderul "img" pe nivelui anterior fisierului .html
Se poate folosi deasemenea adresa completa a fotografie. De exemplu: scr="http://www.tutorialehtml.com/img/image.jpg". Acest model de URL nu este recomandat deoarece la schimbarea domeniului va trebui sa schimbi deasemenea si adresele tuturor fotografiilor. Sau in cazul in care imaginea este stocata pe un alt domeniu scr="http://www.domeniu.com/image.jpg".
Faptul de a stoca imaginea pe un domeniu alternativ, prezinta un mare avantaj in cazul in care dispui de un spatiu limitat pe domeniul pe care este stocat fisierul .html.
HTML - Atribute alternative pentru imagini
Atributul "alt" este folosit pentru a afisa un text in locul imagini, in cazul in care browser-ul pentru un oarecare motiv nu poate afisa imaginea sau in cazul in care un user are deselectata functia "ShowImage".
<img src="http://example.com/folder/image.jpg" alt="Imagine Albastra "/>
<img src="../img/image.jpg" alt="Imagine Albastra" width="100" height="50" /> sunt folosite pentru dimensiona latimea si inaltimea imaginilor