Wie hast du das Vergrößerungsglas und die "Suche" im Suchfeld in stackoverflow platziert?

7

Angenommen, es ist nur mit CSS möglich ... aber ich wollte wissen, ob jemand den Code teilen könnte.

Vermutung Lupe ist Hintergrundbild, aber benötigen Javascript, um "Suche" im Fokus zu entfernen.

Auch ... wie bekommst du es, wenn du "return" drückst, anstatt einen "search" Submit Button zu brauchen?

    
AFG 02.04.2009, 20:33
quelle

4 Antworten

20

Es sind mehrere Elemente beteiligt.

Verwenden Sie Chrome DevTools (F12), um diese Dinge zu überprüfen.

    
Tom 02.04.2009 20:38
quelle
4

einige Fragen dort:

  1. Submit bei der Rückkehr, wenn Sie eine Eingabe in ein Formular, und konzentrieren sich auf die Eingabe, wenn Sie drücken Sie die Eingabetaste der Browser wird standardmäßig das Formular abschicken.

  2. Textmaskierung. Sie können dies leicht in jQuery oder einem anderen Rahmen tun. im Wesentlichen werden Sie den Text "Suche" im Fokus entfernen, aber nur diesen Text, also wenn es etwas wie "foo" gab, würde es es nicht ersetzen.

für Ihre Textmaskierungsanforderungen: Textmaske

    
Jeremy B. 02.04.2009 20:37
quelle
3

Sie können die neuen input -Typen dafür verwenden.

%Vor%

Das Attribut 'results' fügt das Vergrößerungsglas-Symbol in WebKit-Browsern hinzu.

    
alex 10.05.2012 07:48
quelle
0

Ansicht - & gt; Seitenquelle.

Im Ernst, es ist alles da.

    
Craig Stuntz 02.04.2009 20:36
quelle

Tags und Links