Link innerhalb eines Eingabefeldes

[Coulyo]

Hallo,

ich möchte ein Suchfeld wie in Screenshot erstellen. "Advanced Search" soll dabei ein Link sein, der permanent dargestellt wird, die Schrift soll also nicht verschwinden sobald man in das Textfeld klickt.

Meine Frage ist, ob das mit HTML und CSS überhaupt möglich ist und wenn ja wie?

Danke schonmal

 

[Sorc]

AW: Link innerhalb eines Eingabefeldes

Moin,
mach doch einfach das Textfeld bis zum "Advanced Search" und dahinter machst du dann ein Bild/Hintergrundbild mit Link. Dann hat es den Anschein, als wäre es ein Textfeld.
lg Sorc

 

[Coulyo]

AW: Link innerhalb eines Eingabefeldes

Das ist schonmal eine gute Idee. Aber vielleicht gibt es ja noch eine elegantere Lösung?

 

[TehTux]

AW: Link innerhalb eines Eingabefeldes

Vielleicht so: http://jsfiddle.net/MpFBr/

 

[yezinia]

AW: Link innerhalb eines Eingabefeldes

Bei border-radius wär ich aber vorsichtig, zwecks Cross-Browser kompabilität.

Aber die beiden haben schon recht, mit den gängigen Methoden ist das Platzieren eines Links innerhalb eines Eingabefeldes nur so möglich, indem man es dem Nutzer praktisch "vorgaukelt".

 

[Myhar]

AW: Link innerhalb eines Eingabefeldes

border-radius kann man heutzutage problemlos verwenden. Wirklich alte browser, welche dieses Attribut nicht verstehen, ignorieren es einfach.

 

[Coulyo]

AW: Link innerhalb eines Eingabefeldes

Border-radius gefällt mir auf jeden Fall besser als es mit einem Bild zu machen. Dankeschön!