Formulare CSS. Stilizarea câmpurilor de intrare. Proprietatea width. Elementul input.

Formulare CSS

Aspectul unui formular HTML poate fi îmbunătățit mult cu CSS:




Stilizarea câmpurilor de intrare (Styling Input Fields)

Utilizați proprietatea width pentru a determina lățimea câmpului de intrare (input field):



Exemplu: 

input {
  width: 100%;
}

 Exemplul de mai sus se aplică tuturor elementelor <input>. Dacă doriți să stilați un tip de intrare specific, puteți utiliza selectori de atribute:

input [type=text] - va selecta doar câmpurile de tip text
input [type=password] - va selecta doar câmpuri de tip parolă
input [type=number] - va selecta doar câmpuri numerice
etc ..