Ich möchte das Platzhalterattribut von HTML5 verwenden (Sie finden es im Newsletter unter Thought Results ). . Aber wenn ich ältere Browser benutze, rendern sie natürlich nichts. Ich kann JavaScript verwenden, um es zu imitieren, aber dann sollte ich es nicht benutzen und es ist auf die alte Art und Weise gemacht. Wie kann ich beide HTML5-Platzhalterattribute haben und gleichzeitig für ältere Browser simulieren?
Sie können erkennen, ob ein Browser das Attribut unterstützt:
%Vor%Falls ja, tun Sie nichts. Ist dies nicht der Fall, können Sie JS verwenden, um den Platzhalterwert zu übernehmen und ihn dann in das Feld einzufügen (möglicherweise als Standardwert) und dann die entsprechenden Interaktionen hinzuzufügen, um das HTML5-Platzhalterverhalten zu simulieren.
@marcgg hat ein großartiges JQuery-Platzhalter-Plug-in geschrieben, das die Platzhalterfunktionalität für die Browser repliziert, die es nicht unterstützen.
Ich habe viele Platzhalter-Plugins durchsucht, bevor ich mich auf dieses einloggte, und es funktioniert bisher großartig. Ursprünglich fand es als Antwort auf diese ähnliche Frage:
Ich empfehle, Modernizr zu verwenden, um diese Funktion zu erkennen.
%Vor%Wenn Sie diese Bibliothek nicht verwenden möchten, können Sie den folgenden Code verwenden.
%Vor%In Bezug auf die Fallback-Unterstützung könnten Sie, wenn Sie jQuery verwenden, den einfachen Platzhalter verwenden, der hier seinen Ursprung hat StackOverflow .
Tags und Links javascript html5 browser backwards-compatibility