Opțiuni pentru adăugarea sugestiilor html în câmpul de introducere

În orice casetă de text pentru a introduce ceva, puteți lăsa solicitările de text. În această scurtă notă, vă voi arăta opțiunile pentru adăugarea sugestiilor de intrare în html.







În general, în majoritatea cazurilor, atunci când completați formularul din dreapta sau din stânga câmpului pentru umplere, apare un text explicativ care vă spune ce trebuie să fie introdus. Dar, în unele cazuri, indiciul ar trebui să fie încorporat în câmpul însuși. De exemplu, când vine vorba de câmpul de căutare sau în alte cazuri.

Prima opțiune este valoarea

Să presupunem că avem o introducere de text simplu și trebuie să-i spunem utilizatorului că trebuie să introducă numărul său favorit în el (tocmai am venit cu o astfel de situație condiționată). Acest lucru se poate face cu atributul value. că este, câmpul va primi imediat o anumită valoare:


Vedem că indicele a fost afișat, nici măcar nu am reușit, dar poate fi corectat cu ușurință. Puteți mări lățimea câmpului prin css, puteți utiliza dimensiunea atributului pentru a specifica numărul de caractere care ar trebui inserate și afișate pe deplin în acesta.







Minusul unui astfel de text este că atunci când primiți focalizare și chiar când încercați să introduceți textul nu se șterge. O persoană va trebui să o șterge singură și numai după aceea va fi posibilă începerea introducerii valorii dorite. Sunt de acord, acest lucru nu este convenabil.

A doua opțiune este atributul substituent

Dar acest atribut este una dintre inovațiile pentru lucrul cu formele din html5.


După cum puteți vedea, textul de prompt este același, doar atributul celuilalt. Ce schimbări? În primul rând, culoarea textului este gri, adică browser-ul în sine sugerează că este probabil ca textul să fie șters la începutul intrării. Exact asta se întâmplă - de îndată ce începeți să scrieți ceva, aluzia dispare. Interesant este că, atunci când primiți focalizare în Google Chrome și în alte browsere, textul nu este șters, ci se întâmplă numai după ce a fost pornit.

În Internet Explorer, totul funcționează diferit, iar textul este șters deja când se primește câmpul de focalizare.

Ce opțiune să alegeți?

Pentru astăzi, absolut optim, văd alegerea atributului substituent. deoarece este mai convenabil pentru oameni. Singura problemă este că nu este susținută de browserele mai vechi. Dar acestea sunt cele vechi, cum ar fi IE 8-9. Dar aici nu vad obstacole pentru a nu folosi atributul.

Interesant de lumea construirii site-urilor







Trimiteți-le prietenilor: