html als Platzhaltertext in Formularen

[electricarts]

Hallo,

ist es möglich, bei Formularen als Platzhaltertext (der verschwindet wenn man in das Feld schreibt) html zu verwenden? Im konkreten Fall soll in einem Suchformular ein Lupenzeichen als icon-font (<span data-icon="?" aria-hidden="true"></span>) eingebunden werden. Beim speichern des BE-Formulardatensatzes fliegt der Eintrag aus dem Feld „Platzhalter“ raus.


Viele Grüße


Mario

[derRenner]

Hallo,

nur so ein Gedanke, und nicht getestet ...
leg dir mal ein Modul mit 'eigenes HTML' an und setz dort dein <span> rein.
Und im Platzhaltertext fügst du den Inserttag ein

{{insert_module::DEINE_MODUL_ID}}

[electricarts]

Hallo Bernhard,

danke für die Idee! Geht aber leider nicht. Dann steht dort im FE Suchfeld „<span data-icon=“.


Viele Grüße


Mario

[planepix]

Möglichweise mal mit CSS versuchen:

xx:before 
{
content:"\F139";
font-family:FontAwesome;
font-size:3em;
}

[electricarts]

Hallo Thomas,

danke, aber auch das wird in dem Fall nicht funktionieren. Das Lupensymbol soll im „Suchschlitz“ stehen. Dann geht auch :before nicht, oder?

Links neben dem Textfeld habe ich das Symbol bis jetzt. Der Kunde möchte es aber gerne innerhalb. Wobei die Platzhaltergeschichte im IE auch erst ab IE 10 funktioniert. Sollte man ihm vielleicht doch ausreden ... ;-)


Viele Grüße


Mario

[melzebub]

Kannst du nicht einfach ein Hintergrundbild einsetzen und bei focus das Hintergrundbild wieder rausnehmen. müsste man per js noch endgültig rausnehmen, sobald text drin steht. oder die lupe an den rand und den text daneben erst anfangen lassen. dann kann sie auch immer drin bleiben.

[electricarts]

Hallo melzebub,

mit Hintergrundbildern fange ich da nicht wieder an. Das Thema ist durch. ;-)

Die Lupe könnte auch im Textfeld stehen bleiben. Aber dann müsste sie ja auch innerhalb von „value“ stehen. Da kann ich auch kein <span> oder content: unterbringen.


Viele Grüße


Mario

[melzebub]

Wo ist das Problem mit dem Hintergrund. Grade wenn das einfach stehen bleiben soll, ist das doch problemlos.

[valentin_]

danke, aber auch das wird in dem Fall nicht funktionieren. Das Lupensymbol soll im „Suchschlitz“ stehen. Dann geht auch :before nicht, oder?

:before/:after kann nicht auf input-Felder angewendet werden, wenn dann müssten diese z.B. mit einem div umgeben werden und darauf anwenden. Damit es im Suchschlitz steht, könntest du einfach eine position definieren.

Was gegen ein Hintergrundbild steht verstehe ich nicht ... wenn sogar schon über die Verwendung von HTML in inputs nachgedacht wird ...

[electricarts]

Was gegen ein Hintergrundbild steht verstehe ich nicht ... wenn sogar schon über die Verwendung von HTML in inputs nachgedacht wird ...

Ja ja, ich habe das schon verstanden ...