HTML-input-placeholder-text nicht angezeigt im firefox

Ich habe Folgendes input-Feld

<input type="text" id="search-box" placeholder="input the name" />

den Platzhalter text setzt den Standardwert des Feldes "input name". Wenn Sie klicken Sie in das Feld verschwindet der text, so dass Sie können geben Sie den Namen in das Feld ein.

den Platzhalter text wird angezeigt, in Chrome aber nicht in Firefox, wie man dieses Problem beheben firefox problem?? (Ich bin mit firefox 3.6)

  • Ich wollte Stecker selbst, aber es gibt einige gute jQuery-plugins zur Verfügung, die imitieren diese Funktionalität. Ich denke Platzhalter funktioniert nur in webkit-aktuell.
InformationsquelleAutor Mellon | 2011-03-01
  1. 8

    Platzhalter ist ein HTML5 Attribut, das nicht unterstützt wird in Firefox 3.6

    Unterstützt wird es in Firefox 4.0 und höher: https://developer.mozilla.org/en/CSS/%3A-moz-placeholder

    • Gibt es trotzdem machen es möglich in Firefox 3.6?
    • dies ist die richtige Antwort, editiert mit mehr Infos
    InformationsquelleAutor AlfonsoML
  2. 2

    Ich glaube, dass das Platzhalter-Attribut-WebKit-nur (Safari und Chrome). Bitte sehen dieser link für, wie es funktioniert in den übrigen Browsern.

    • nicht mehr richtig ... es unterstützt firefox 4 und höher
    InformationsquelleAutor Mark Eirich
  3. 1

    Dies ist, wie es funktioniert im Suchfeld von stackoverflow:

    <input name="q" class="textbox" tabindex="1" onfocus="if (this.value=='search') this.value = ''" type="text" maxlength="140" size="28" value="search">
    • Danke, ich bevorzuge den Weg:)
    • Dies funktioniert im IE8 auch. Danke!
    InformationsquelleAutor Lloyd
  4. 1

    aber was Sie verpasst haben ist:

    onblur="if(this.value.length==0){this.value='search';}"

    alle viel besser in Schärfe und Unschärfe Ereignisse Hinzugefügt Eingänge als inline -

    InformationsquelleAutor derekcohen
  5. 0

    Firefox unterstützt es nicht, dass die Zukunft noch:

    http://www.javaworld.com/community/node/6224

    Ihnen kann man es, indem ein jquery-plugin, um Ihre Seite, die Ihr nacheifern:

    http://plugins.jquery.com/project/placeholder-html5

    InformationsquelleAutor markijbema
Schreibe einen Kommentar