Suchtext soll bei input verschwinden

  • Hallöchen

    Zusammenfassung:
    - Header widgetfähig gemacht
    - Menü und Suche rein
    - bei anderen Seiten/Suchfeldern geschaut und verglichen
    - bei mir klappts nicht...

    Bei einem Klick ins Suchfeld soll der Text, also value="Suche", nicht mehr sichtbar sein. Das hat mich schon bei anderen fremden Suchen in der Vergangenheit gestört.

    Code:
    searchform.php

    PHP
    <form action="<?php echo home_url( '/' ); ?>" method="get">
            <input id="search" type="text" name="s" value="Suche" />
            <input type="image" src="<?php bloginfo( 'template_url' ); ?>/images/search.png" alt="Suche" />
    </form>


    Wisst Ihr woran das liegen könnte?

    Wie gesagt habe die Werte verglichen, doch andere Suchfelder haben es gleich.


    Grüße

    • 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

  • Nichts an diesem Code würde den Text löschen, das kann also nicht gehen. Bei den anderen Seiten macht das vermutlich ein externes JavaScript. Probier es so:

    HTML
    <form action="<?php echo home_url( '/' ); ?>" method="get">
            <input id="search" type="text" name="s" value="Suche" onclick="if (this.value == 'Suche') this.value='';" />
            <input type="image" src="<?php bloginfo( 'template_url' ); ?>/images/search.png" alt="Suche" />
    </form>

Jetzt mitmachen!

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