Voreingestellter Text in Input-Felder

    Hallo erstmal :)

    Ich möchte gerne in verschiedenen Input-Feldern Text erscheinen lassen, die sich bei Klick automatisch ausblenden.

    In der Suche sollte z. B. "Suche" stehen und in den Kommentar-Input-Feldern entsprechend "Name", "E-Mail" etc.

    Mit Value ist das zwar generell möglich. Aber leider bleibt der Text, wenn ich draufklicke, drin stehen.

    Gruß
    Cey

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Value-Attribut ist schon korrekt. Beim Draufklicken musst du mit JavaScript dann prüfen, ob der Text gleich der Vorbelegung ist, und dann das Feld leeren (d.h. den Value auf "" setzen). Den Test auf Vorbelegung brauchst du natürlich, da sonst das Feld immer geleert wird, wenn man reinklickt, z.B. auch wenn man eigentlich nur nen Tippfehler korrigieren möchte.
    Als JS-EventHandler benötigst du onfocus, siehe auch hier:
    SELFHTML: JavaScript / Sprachelemente / Event-Handler

    HTML
    <input name="mail" value="E-Mail" onfocus="this.value=''" />


    (Beispiel ohne Überprüfung)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden