Platzhalter ist ein weiteres Attribut, das HTML5 hinzugefügt hat. Wenn die Eingabe oder TextArea dieses Attribut festlegt, wird der Inhalt dieses Wertes im Textfeld als Grauwort-Eingabeaufforderung angezeigt. Wenn das Textfeld den Fokus gewinnt, verschwindet der schnelle Text. In der Vergangenheit wurde dieser Effekt unter Verwendung von JavaScript erreicht, um es zu kontrollieren. Firefox, Google Chrome usw. drückte die Unterstützung dafür aus, aber der IE unterstützt es nicht.
HTML5 hat viele Verbesserungen des Webformulars vorgenommen, z.
Platzhalter ist ein weiteres Attribut, das HTML5 hinzugefügt hat. Wenn die Eingabe oder TextArea dieses Attribut festlegt, wird der Inhalt dieses Wertes im Textfeld als Grauwort-Eingabeaufforderung angezeigt. Wenn das Textfeld den Fokus gewinnt, verschwindet der schnelle Text. In der Vergangenheit habe ich JavaScript verwendet, um diesen Effekt zu kontrollieren, um ihn zu erreichen. Firefox, Google Chrome usw. drückte die Unterstützung dafür aus, aber dh inkonsistenz gefühlt!
Zum Beispiel: <Eingabe -ID = T1 type = text placeholder = Bitte geben Sie den Text ein/
Dies führt ein super leistungsfähiges Attribut-Plug-In ein, das den Platzhalter unter dem IE unterstützt und auch mit anderen Browsern kompatibel ist, die den Platzhalter nicht unterstützen. Der Code ist wie folgt:
$ (document) .ready (function () {var doc = document, inputs = doc.getElementsByTagName ('Eingabe'), SupportPlaPlärer = 'Placeholder'in doc.createelement (' Eingabe '), placeholder = function (input) {var text = input.getAttribute (' placeholder), DefaultValue = '). input.Value = text} input.onfocus = function () {if (input.Value === text) {this.value = '}}; i = 0, len = inputs.length; i <len; i ++) {var input = inputs [i], text = input.getAttribute ('Platzhalter');Kopieren Sie einfach den Code und speichern Sie ihn in eine JS -Dateireferenz, ohne dass es super bequem ist!
Ex: Dies kann tatsächlich den IE -Eingangsanzeigen zum Platzhalterattribut angezeigt werden, aber es ist in Ordnung, wenn nur eine Eingabe auf der Seite vorhanden ist. Wenn mehrere Eingänge vorhanden sind und die Eingabe keinen Wert ausfüllt, füllt die leere Eingabe den Platzhalterwert automatisch in den Wert, was zu einem Fehler führt. Zum Beispiel:
<Eingabe type = text platzhalter = Eingabeprodukt -Codierungsname = GoodScode ID = GoodScode Value = 123 /> <Eingabetyp = Text Platzhalter = Eingabeproduktname = Goodsname ID = Goodsname Value = Eingabeproduktname />
Die Lösung besteht darin, es selbst im Hintergrund zu beurteilen. Vielleicht kann es in der obigen JS -Datei gelöst werden und sie später recherchieren ~!