Suchfeld Definition
Was ist ein Suchfeld?
Suchfeld beschriften
Wie kann man ein Suchfeld beschriften?
- Vor der Suche steht im Suchkasten, daß man hier suchen kann.
- Man kann ab HTML5 schreiben: placeholder=“Suche…“.
- Beispiel der Anwendung:
<input class="suchboxinput" onclick="this.value='';" value="" type="text" placeholder="Suchen" name="s">
Wie kann nach der Suche im neu geladenen Suchfeld der Suchbegriff wieder auftauchen?
- 1. Man kann in value <?php the_search_query(); ?> einsetzen:
- Beispiel der Anwendung:
<input type="text" value="<?php the_search_query();?>" name="s" id="s" />
2. Man kann die Funktionen onfocus und onblur von JavaScript nutzen:.
Beispiel der Anwendung:
<input type="text" value="Suche…" onfocus="if(this.value==this.defaultValue)this.value=“;" onblur="if(this.value==“)this.value=this.defaultValue;" name="s" id="s" />
Suchfeld leeren
Wie kann man ein Suchfeld bei Klick automatisch leeren?
- Man die javascript Funktion: onclick=“this.value=“;“.
- Beispiel der Anwendung:
<input class="suchboxinput" onclick="this.value='';" value="" type="text" placeholder="Suchen" name="s">
Suchfeld machen
Wie kann man ein Suchfeld bei WordPress machen?
- Man fügt an der gewünschten Stelle Folgendes ein:
<?php get_search_form(); ?>
Siehe get_search_form()
Wie kann man ein Suchfeld mit zwei Buttons machen?
- 1. JavaScript ändert das Formularziel, je nachdem welcher Button angeklickt wurde.
- 2. Formular an eine php-Datei schicken, welche ermittelt, welcher Button gedrückt wurde und eine entsprechend weiterleitet.
Suchfeld umranden
Wie kann man ein Suchfeld per CSS umranden?
- border: none; bedeutet: Kein Rahmen
- border: hidden; bedeutet: Kein, unsichtbarer Rahmen
- border: 2px solid #999; bedeutet: Ein Rahmen 2px dick, durchgezogen, Farbe grau
- solid: durchgezogen
- double: doppelt durchgezogen
- dotted: gepunktet
- dashed: gestrichelt
- groove: 3D-Effekt
- ridge: 3D-Effekt
- inset: 3D-Effekt
- outset: 3D-Effekt
Suchfeld verwenden
Wofür kann man ein Suchfeld verwenden?
