Tutorial HTML - Input

  »   HTML  »   Tutoriale HTML - Tagul input, text, password, checkbox, radio, submit, reset

Tagul input nu are nevoie de un tag de inchidere si poate avea numeroase atribute dupa cum urmeaza:

  • text
  • password
  • radio
  • checkbox
  • reset
  • submit

HTML - campuri de text si parole

Cu siguranta ai completat o sumedienie de-a lungul timpului pe internet.

html<input type="text" /><br />
<input type="password" />

Demo


Scrie ceva in casutele de mai sus pentru a nota diferenta.

HTML - checkboxes

Ideale pentru a oferi utilizatorului optiunea de a selecta mai multe variante e raspuns.

html<input type="checkbox" /> 1
<input type="checkbox" /> 2
<input type="checkbox" /> 3

Demo

1 2 3

HTML - Radio

Si aici nu ma refer la un radio care canta si la un cerculet care ofera posibilitatea de a alege o singura varianta de raspuns in cazul in care avem de-a face cu o intrebare.

html<input type="radio" /> 1 
<input type="radio" /> 2 
<input type="radio" /> 3

Demo

1 2 3

HTML - Butoane de submit

Aici va trebuii sa dam si o valoare atributului submit, aceasta fiind textul care va fi afisat pe butonul generat.

html<input type="submit" value="Submit" /><br />
<input type="submit" value="Continuare >>" />

Demo


HTML - Butoane de reset

Aici ca si la atributul submit va trebuii sa dam o valoare, aceasta fiind textul care va fi afisat pe butonul generat. Acest buton este foarte folositor in cazul in care userul completeaza marea majoritate a formularului cu informatii gresite sau eronate.

html<input type="reset" value="Reset" /><br />
<input type="reset" value="Sterge tot" />

HTML input fields - Mentiune

Trebuie specificat ca aceste formulare si butoane nu vor functiona pe deplin fara ajutorul unor fisiere in php sau javascript care sa execute aciunea dorita atunci cand se acceseaza un anumit buton.

In tutorialul urmator vom face o aprofundare a atributelor studiate aici si deasemenea a unelor pe care inca nu le-am mentionat.