Cea mai bună formă de căutare a unui blog pe css3, blogul lui Irina Sokolov

În ansamblu, este vorba de gunoi, dar nu a înțeles următoarele:

> Am creat codul HTML5 al formularului de căutare.
> ... trimite "value =" Search "/>

Dacă într-adevăr mergeți la plin, atunci tag-urile unice HTML5 nu se închid, dar bine, sunt cavile.







> pentru a curăța formularul.

Vorbești despre standardul din kit-ul web? Și ce alte browsere?
Și dacă acest lucru nu este critic, atunci este neclar de ce noi în general creăm eticheta și trimitem, dacă nu afișăm decât: nici unul; ?
Încă aș înțelege întinderea pentru întreaga linie și vizibilitatea de a dezactiva, deși acest lucru trebuie să cunoască și sensul perversiunii. Da, și evenimentul de prezentare va fi la apăsarea Enter'a în orice caz.

Dar bucla este atât de rece, da ... simplă și aproape standard.
Asemenea elemente sunt bine percepute de ochi, așa că nu aș sfătui pe alții să dezactiveze schița standard.

> în etichetele unice HTML5 nu se închid
Știu că îmi recunosc greșeala, că am fost în funcție timp de aproape un an. A fost corectată.







> nu este clar de ce noi în general creăm o etichetă și trimitem, dacă nu afișăm decât: nici unul;
display: nici unul, deoarece wordpress are obiceiul de a înlocui elementele lipsă (în formă standard).
Și în exemplul de mai sus, i-am lăsat doar de dragul clarității.

după ce am citit articolul din nou, m-am gândit că așa că nu avem funcționalitatea formei obișnuite a anilor '90 :))

De aceea am făcut acest lucru:

- pentru a forma poziție: relativă
- Adăugarea intrării [type = image] + position: absolute
- la intrarea [type = search] ca și în articolul de umplere "și
- Egalizați intrarea [type = image] în partea de sus a intrării de căutare [type = căutare], dacă este necesar, apoi prin z-index, dar ca și așa navedet, deoarece. absolută;

Avem o lupă pe care poți da clic pentru a trimite date de formă.

- În mod similar, faceți-o cu o cruce pentru curățare, tastați = resetați sau unii, nu-mi amintesc
- și în crom ascundem pe cel standard astfel încât să nu se suprapună, printr-o pseudo-clasă în css.
- Ei bine, adăugăm atribute de vorbire și vorbire x-webkit pentru microfon,
- în partea dreaptă mai întâi trebuie să existe un microfon, apoi o cruce pentru curățare, astfel încât totul să se convertească și unde microfonul să nu fie afișat.
- atașați un stil de microfon la tema site-ului prin css-ul pseudo-class
- PROFIT.

Ar putea fi logic să scrieți și despre această metodă 🙂

Vă mulțumim pentru idee. O modalitate excelentă de a perfecționa forma!







Trimiteți-le prietenilor: