Suchfeld Text eingeben der bei Klick gelöscht wird

  • Hallo,

    ich möchte in mein Suchfeld einen Text einfügen, der gelöscht wird wenn auf das Feld geklickt wird.

    Habe bereits den Lösungsansatz im folgendem Beitrag gefunden nur leider funktioniert das bei mir nicht 100%ig.

    Wenn ich den code wie im o.g. Beitag eingebe bekomme ich zwei Felder zur Suchworteingabe also es muss wohl irgendwas doppelt sein nur leider werde ich auch dem code nicht schlau...

    mein Suchformular code sieht folgendermaßen aus:

    PHP
    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
    <fieldset><label for="s"><input type="text"  size="10"  value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
    <input type="image" src="<?php echo get_stylesheet_directory_uri()?>/images/mtsmag-searchbutton.gif" value=" <?php _e('search','mtsmag'); ?>" id="searchsubmit"   alt=" <?php _e('search','mtsmag'); ?>" title="<?php bloginfo('name'); ?> <?php _e('search','mtsmag'); ?>" />
    </label></fieldset></form>

    wo muss ich jetzt

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

    eingeben oder was muss ich ändern damit es klappt?

    Vielen Dank für eure Hilfe!

    • 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

  • Ohne es irgendwo getestet zu haben:

    PHP
    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
    <fieldset><label for="s"><input type="text" value="Suchbegriff eingeben" name="s" id="s" onblur="if(this.value=='')this.value='Suchbegriff eingeben';" onfocus="if(this.value=='Suchbegriff eingeben')this.value='';" />  
    <input type="image" src="<?php echo get_stylesheet_directory_uri()?>/images/mtsmag-searchbutton.gif" value=" <?php _e('search','mtsmag'); ?>" id="searchsubmit"   alt=" <?php _e('search','mtsmag'); ?>" title="<?php bloginfo('name'); ?> <?php _e('search','mtsmag'); ?>" />
    </label></fieldset></form>

    Du ersetzt dein neues Suchfeld mit dem alten.

  • Viel einfacher: Folgendes JavaScript im Tag <input> einsetzen:

    HTML
    onfocus="this.value=''"
  • Ich habe diesen Code drin

    Einfach das Suchtext ... ersetzen durch das was bei Dir stehen soll.

    Stefan

Jetzt mitmachen!

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