Wie man Beispieltext in das Eingabefeld im HTML-Format

Wie man Beispieltext in das Eingabefeld im HTML-Format

In der Vergangenheit, Web-Entwickler benötigt, um einen Wert festzulegen, oder verwenden Sie JavaScript zum hinzufügen von text zu einer form-Feld. Beide Methoden haben Ihre Fehler, da die Werte geschickt bekommen zusammen mit anderen Eingabe in ein Formular, wenn der Benutzer klickt auf "Submit" und Benutzer manchmal schalten Sie JavaScript. In HTML5 gibt es ein "Platzhalter" - Attribut. Dieses Attribut ermöglicht es Programmierern setzen sample text in ein Formularfeld, das nicht gesendet werden, als eine form Wert. Verwenden Sie ein fall-back-jQuery-plugin, um den Platzhalter text sichtbar für Benutzer von älteren Browsern.

• Öffnen Sie Ihre HTML-Datei im plain-text-oder code-editor Ihrer Wahl. Finden Sie die '' - Feld, wo Sie möchten, fügen Sie Beispiel-text. In HTML5, Bearbeiten Sie das tag wie folgt Aussehen: Der neue 'placeholder' - Attribut unterscheidet sich von 'Wert', weil, wenn der Benutzer vergisst, Eingabe nichts in das Feld, bevor Sie auf die Schaltfläche 'Absenden' klicken, wird der Platzhaltertext wird nicht durch gehen. Der Wert jedoch wird Durchlaufen und bestanden werden, um das Formular schreiben & #112 t als text, den der Benutzer eingegeben. Wenn Sie nicht mit HTML5 für Ihre web-Seite code, dann setzen Sie den Wert wie folgt: Beachten Sie, dass Sie sollten nicht entfernen Sie die anderen Attribute aus dem input-tag, wie 'type' oder 'name'. Lassen Sie diese aber in fügen Sie Ihre Platzhalter-oder value-Attribute wie erforderlich.
• Laden Sie die 'placeholder.js' jQuery-plugin aus den Webcloud-website und entpacken Sie es auf Ihrem computer. Suchen Sie die Datei 'jquery.placeholder.min.js' und kopieren Sie Sie in einen Ordner auf Ihrer website. Zum Beispiel, wenn Ihre website einen Ordner namens 'mysite' und dort ist ein Ordner namens 'js' unter,, kopieren 'js', um die Dinge organisiert.
• Fügen Sie ein fall-back auf Ihre web-Seite für Besucher mit Browsern, die nicht kompatibel mit der 'Platzhalter' - Attribut. Dieser Schritt gilt nicht für 'Wert', weil von allen Browsern unterstützt. Finden Sie die '' und ''- tags in Ihre HTML-Datei und fügen Sie zunächst die jQuery-Unterstützung zwischen diesen tags: https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'> Fügen Sie unter dieser Zeile Folgendes: https://yoursite.com/path-to/your-file/jquery.placeholder.min.js'> Zwischen die Anführungszeichen nach dem 'src' - Attribut müssen Sie den Pfad zu Ihrer 'jquery.placeholder.min.js' Datei. Das oben ist nur ein Beispiel.
• Fügen Sie eine öffnung, die 'tag und dann eine Schließung ''- tag unter allen anderen '' - tags zwischen die '' und '' - tags. Dieser 'tag', braucht keine Attribute, da Sie es verwenden, setzen Sie die jQuery-code, der direkt auf der web-Seite und HTML5 braucht nicht die 'type' - Attribut. Zwischen diese '' und '' - tags, fügen Sie den Aufruf der 'Platzhalter' - Funktion: $('input[placeholder], textarea[placeholder]').Platzhalter() Ändern Sie die 'Platzhalter' text zwischen den Klammern den text, den Sie verwenden möchten, das als Platzhalter, wie z.B. 'Ihr name hier.' Da jQuery mit CSS zu target-bits von HTML-code, schreiben Sie etwas wie dieses: $('#name-Feld[Name]').Platzhalter() Der obige code sieht für Sie ein '' - tag mit einer 'ID' - Attribut von 'name-Feld' und dann gibt es den Platzhalter text 'Name'.