Solutii IT&C

  • Cum cumperi?
  • Laptopuri
  • Tablete
  • Telefoane mobile
  • Imprimante
  • Stiri
  • Programe utile
  • Facebook
Te afli la: SolutiiPC Cod HTML 10 – Campuri si butoane in HTML

10 – Campuri si butoane in HTML

Catalin 19/02/2013 Leave a Comment

Câmpurile se introduc prin valoarea input, având atributele type, cu valorile „text”, „file” sau „password”, şi name, având ca valoare numele câmpului respectiv.

Câmpurile cu valoare text permit introducerea unei linii de text, cele password au un scop similar, dar nu afişează textul în clar (a se vedea formularul de login), iar câmpurile tip file permit ataşarea unor documente mesajului.

Butoanele, definite tot prin tag-ul input, au atributul type cu valorile „submit”.

Pentru început să facem un formular de login:
[html]
Email:
<input type="text" name="email">
Parola:
<input type="password" name="parola">
<input type="submit" name="submit" value="Trimite">
[/html]
Email:

Parola:

Simplu? Haideti să încercăm şi un formular de contact:

[html]
<h2>Contact:</h2>
Nume:
<input type="text" name="name">
Email:
<input type="text" name="email">
Mesaj:
<textarea cols="40" rows="7"></textarea>
Ataseaza un document:
<input type="file" name="attachement">
<br>
<input type="submit" name="submit" value="Trimite">
[/html]

Contact:

Nume:

Email:

Mesaj:

Ataseaza un document:


Hmm. Textarea?

Textarea este folosit în general pentru comentarii, mesaje sau oriunde este nevoie de mai mult spaţiu text decât în cazul unui câmp simplu.

Este marcat cu tag-urile <b><textarea></b> şi <b></textarea></b>, având atributele rows şi cols pentru definirea numărului de rânduri şi coloane.

Atributul wrap este folosit în cazul în care te aştepţi ca textul să depăşească dimensiunile casetei, având valorile soft, hard sau off.



Pentru exactitate, voi exemplifica şi două alte tipuri de text area, read-only şi disabled. Niciunul nu poate fi modificat, disabled fiind în plus marcat cu gri pentru a fi evident pentru utilizator.


A ieşit mai lung decât planificasem, dar nu am vrut să împart exemplul în foarte multe lecţii.

În episodul viitor, totul despre metode de selecţie.

Similare

Filed Under: HTML

Despre autor

Daca vrei sa apara:
- semneaza cu numele tau, nu al firmei
- nu alerga dupa link
- scrie romaneste, nu kum apucy
- daca tii sa ataci, ataci ideea, nu persoana
Primul comentariu e moderat.

Lasă un răspuns Anulează răspunsul

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Acest site folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.

Categorii

  • Aparate Foto (29)
  • Console Jocuri (12)
  • CPanel (8)
  • Cum cumperi? (23)
  • Desktop PC (6)
  • Diverse (49)
  • Electrocasnice (24)
  • Facebook (14)
  • Frigidere (5)
  • Gadgeturi (9)
  • Gmail (2)
  • Guestposts (5)
  • Hardware (27)
  • HDD Extern (10)
  • HTML (11)
  • Imprimante (19)
  • Laptopuri (47)
  • Masini de spalat (5)
  • Microsoft Office (1)
  • Programe utile (4)
  • Reduceri Promotii (3)
  • Reduceri si Promotii (34)
  • Securitate (8)
  • Sisteme Audio (12)
  • Sisteme de Andocare (9)
  • Sisteme de navigatie GPS (14)
  • Sisteme Home Cinema (4)
  • Software (10)
  • Stiri (319)
  • Tablete (43)
  • Telefoane mobile (88)
  • Televizoare (13)
  • Webmasteri (5)
  • Windows (7)
  • Yahoo (4)

Etichete

A4 (4) Acer (11) Allview (17) amazon (7) AMD (12) android (54) apple (49) Asus (23) BlackBerry (6) canon (8) dell (7) facebook (15) featured (310) google (39) Google Nexus (5) HP (14) htc (8) huawei (6) IBM (5) intel (25) ios (5) iphone (5) Lenovo (22) LG (29) linux (6) microsoft (39) motorola (8) nikon (10) Nokia (18) nvidia (6) quad-core (8) qualcomm (12) refacute (24) Samsung (80) seagate (6) snapdragon (7) sony (25) toshiba (10) twitter (6) western digital (7) windows (10) windows phone (5) xiaomi (5) yahoo (7) zuckerberg (5)

Pagini

  • Contact
  • Ghid cumparaturi electronice
  • Ghid de cumparaturi electrocasnice
  • Propune un articol
  • Termeni si conditii

Copyright © 2025 · SolutiiPC.ro