Suchformular - wecklickbarer Text

Dominik_

Was muss ich in den Code schreiben, damit im Suchformular ein Suchfeldtext erscheint und dieser beim reinklicken ausgeblendet wird.

PHP

<form method="get" action="<?php bloginfo('home'); ?>/" id="searchform"> 
<fieldset> 
<input id="searchbox" type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" /> 
<input type="submit" id="searchbutton" value="<?php _e('suchen','wp_multiflex'); ?>" /> 
</fieldset> 
</form>

Werbepost

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

telekommander

Das hier:

Code

onfocus="this.value='';

Dominik_

Danke Dir schonmal, aber funktioniert leider nicht, es fehlt wohl noch etwas wie "onblur" und wie der text heißen soll.

Dominik_

Diese Code-Schnipsel müssen angeblich noch rein. Weiß nur nicht wie ich die einsetzen soll. Hat bisher nicht funktioniert.

PHP

value="Hier Suchbegriff eingeben…" /> 




onblur="if (this.value == '') 
{this.value = 'Hier Suchtext eingeben...';}" 
onfocus="if (this.value == 'Hier Suchtext eingeben...') 
{this.value = '';}" />

telekommander

Du hast nach "ausblenden" gefragt und das macht [FONT="Courier New"]onfocus="this.value='';[/FONT].

Der zu ändernde Text ( = Value ) muss schon übereinstimmen, sonst funktioniert es nicht.
Sowas wie [FONT="Courier New"][COLOR="RoyalBlue"]value="[COLOR="Red"]Hier Suchbegriff eingeben…[/COLOR]"[/COLOR][/FONT] ist was
anderes wie [FONT="Courier New"][COLOR="RoyalBlue"]this.value = '[COLOR="Red"]Hier Suchtext eingeben...[/COLOR][/COLOR][/FONT]

Dominik_

Habs doch noch hinbekommen, der Code lautet dann:

PHP

<form method="get" id="searchform" 
    action="<?php echo get_option('home'); ?>" >
<label class="hidden" for="s"></label>
<input id="searchbox" type="text" name="s" id="s"
    value="Salonfinder"
    onblur="if (this.value == '') 
    {this.value = 'Salonfinder';}"
    onfocus="if (this.value == 'Salonfinder')
    {this.value = '';}" />
<input type="submit" id="searchbutton" 
    value="<?php echo attribute_escape(__('suchen')); ?>" />
</form>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Suchformular - wecklickbarer Text

Jetzt mitmachen!