Suchfeld Text bei Klick löschen

  • Hallo zusammen,
    ich habe ein kleines Problem mit meinem Suchfeld. Ich habe momentan als Text "Suchbegriff eingeben" im Suchfeld stehen und möchte, dass sich dies automatisch löscht, wenn ein User darauf klickt. Ich habe jetzt schon eine Weile herumgesucht und einiges ausprobiert, komme damit aber irgendwie nicht klar. Mein derzeitiges Suchfeld ist so:

    PHP
    <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
    <div><input type="text" value="Suchbegriff eingeben" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" />
    <input type="submit" id="searchsubmit" value="Go" />
    </div>
    </form>

    Ich würde mich sehr freuen, wenn mir jemand verraten könnte, wie ich bewerkstellige, dass sich der Wert automatisch löscht.
    Vielen Dank schon mal!
    baka

    • 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

  • Dann versuch's mal so:

    Code
    <input type="text" value="Suchbegriff eingeben" name="s" id="s" onblur="if(this.value=='')this.value='Search';" onfocus="if(this.value=='Search')this.value='';" />

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • War gestern aber auch ein bisschen schwach von mir :oops:

    Dein value ist ja "Suchbegriff eingeben". Weiter hinten wir aber value=='Search' geprüft. Kann ja nicht klappen ;)

    Also musst du dich auf ein value einigen:

    Code
    <input type="text" value="Suchbegriff eingeben" name="s" id="s" onblur="if(this.value=='')this.value='[COLOR=Red]Suchbegriff eingeben[/COLOR]';" onfocus="if(this.value=='[COLOR=Red]Suchbegriff eingeben[/COLOR]')this.value='';" />

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]


  • Also musst du dich auf ein value einigen:

    Code
    <input type="text" value="Suchbegriff eingeben" name="s" id="s" onblur="if(this.value=='')this.value='[COLOR=Red]Suchbegriff eingeben[/COLOR]';" onfocus="if(this.value=='[COLOR=Red]Suchbegriff eingeben[/COLOR]')this.value='';" />


    Bedanke mich auch nochmal an dieser Stelle. Hat bei mir auch bestens geklappt. Danke!

Jetzt mitmachen!

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