Suchmaske mit X (Close)

[nordi]

Hallo, ich habe eine Suchefunktion programmiert und würde diese gern etwas auffrischen mit CSS. Habe auf einer Seite gesehen, dass bei Eingabe von Daten am rechten Ende der Suchbox ein kleines X angezeigt wird, mit der man die Suche löschen kann. Wie macht man sowas?

hier ist die Seite, wo ich dieses Feature gesehen habe: oben rechte Suchfunktion:
http://wiki.flux-cms.org/display/BLOG/LiveSearch

 

[zenturio]

Wie man die Suchmaske leert?

Mit der Formatierungssprache CSS sicherlich nicht. Wohl eher mit einer Scriptsprache.

 

[nordi]

Okay. Da diese Funktion erst durch Eingabe getriggert wird, dachte ich es handle sich um CSS. Wäre dem Moderator dankbar, wenn dieses Topic zu "Javascript" verschoben wird.

 

[zer0]

Aus dem Kopf heraus könntest du es mal so probieren:

<form action="" method="POST">
    <input type="text" name="suche" id="suche" />
    <input type="button" name="clear" value="X" onclick="this.form.suche.value='';" />
</form>

Müsstest halt noch die jweiligen Namen etc. ersetzen.