17 februarie 2014

HTML - Campuri de text

         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

Niciun comentariu:

Trimiteți un comentariu

Comentariile vor fi moderate... deoarece mai exista si useri care se trezesc postand comentarii in curtea scolii... si aici ma refer la limbajul neadecvat.... accept atat critici cat si aprecieri dar sa fie scrise cu simtul responsabilitatii si intr-un mod manierat.. Va multumesc de intelegere!