Grafik in Eingabefeld?

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Grafik in Eingabefeld?

    Hallo,

    ich habe schon auf diversen Seiten gesehen, dass z. B. eine kleine Grafik (Schlüssel, Schloss) in einem Passwort-Eingabefeld ist. Wie kann man dies bewerkstelligen. Ich habe es mit css versucht, aber da kann man ja nur ein background-image definieren und man schreibt dann über diese Grafik drüber. Gibt es noch eine andere Möglichkeit, dies zu bewerkstelligen, ohne dass man dann bei der Eingabe über diese Grafik drüberschreibt?

    So sieht es jetzt aus und das ist ja nicht so schön:





    Gruß tron

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von tron ()

  • Hi dynambee,

    danke für den Tipp. Dank Deines Tipps habe ich es jetzt hinbekommen:

    Quellcode

    1. <input type="password" style="background-image: url(./img/lgin.png); background-repeat:no-repeat; padding-left:18px;" name="pwd" size="20" maxlength="50">


    Komisch nur, dass das Eingabefeld jetzt im Firefox jetzt um die 18px lönger ist als im Internet Explorer. Sieht zwar nicht optimal aus im Firefox, aber das kann ich verschmerzen.

    Gruß tron