Cadrul în jurul câmpul de text este creat cu ajutorul proprietăților de frontieră stilistice. care se adaugă la INPUT selector. Accentul, de asemenea, numit element activ, în acest caz, atunci când cursorul este în câmpul de text, iar utilizatorul poate introduce caractere utilizând tastatura.
Pentru munca de focalizare întâlnește pseudo: focalizare. este necesar să se adauge la intrarea selectorului sau TEXTAREA. așa cum se arată în exemplul 1.
Exemplul 1. Folosind un pseudo: focus
HTML5 CSS 2.1 IE Cr Op Sa Fx
Rezultatele Exemple sunt prezentate în Fig. 1.
Fig. 1. Schimbarea stilului domeniu atunci când primesc focalizare
În acest exemplu, clasa de text este introdus. pentru a încărca numai un stil într-o casetă de text, mai degrabă decât un buton.
Deoarece pseudo: accentul nu este acceptat de Internet Explorer la versiunea 8.0, puteți utiliza scripturi pentru ea. În acest scop, evenimentul va OnFocus. care este declanșată de primirea și focalizarea onblur. atunci când este pierdut. Pre crea două clase, acestea definesc câmpul de vizualizare text convențional clearance-ul și în pregătirea aceluiași focalizare. Pe lângă tag-ul adăugând OnFocus = "this.className =` focus` "și onblur =" this.className = `text`". Aici focalizarea și textul sunt numele claselor (Exemplul 2).
Exemplul 2. Utilizarea de scripturi
HTML5 CSS 2.1 IE Cr Op Sa Fx
Schimbarea culorii de frontieră