Wie werden einige Sternchen im Passwortfeld in HTML angezeigt?

Question

Ich habe ein Passwort-Feld in meiner Webseite mit diesem Code-Schnipsel definiert:

<input type="password" ng-model="dataItem.password" class="form-control" 
            name="password" 

            placeholder="Enter Password"/> 

Dieses Passwort-Feld leer ist, erscheint, wenn der Benutzer in dem Feld eingeben nichts.

Wie kann ich einige Sternchen (im Fokus) im Passwortfeld anzeigen, auch wenn der Benutzer kein Passwort eingibt?

BEARBEITEN: Die Verwendung des Attributs "value" funktioniert einwandfrei, wenn ich das ng-Modell-Attribut aus meinem Code entferne. Aber offensichtlich ist das Entfernen keine Wahl, da das Passwort in diesem Fall nicht aktualisiert wird.

Von meinem Verständnis glaube ich, seit "dataItem.password" ist zunächst Null, und das Attribut "Wert" wird ignoriert, daher ist das Passwort-Feld null. Bitte, geben Sie einige Informationen dazu.

Answer 1

Verwenden Wert Attribut .. es ist Grundlagen ich denke .. und warum müssen Sie etwas Wert im Passwortfeld hinzufügen? Wann haben Sie Platzhalter?

Answer 2

Die Eingabe des Passworttyps blendet den Wert standardmäßig aus. Wenn ein Wert eingegeben wird, werden die Charters als Punkte/Sternchen angezeigt (abhängig von der App des Kunden).

Wenn Sie "Sternchen" verwenden möchten, können Sie sie als Platzhalter oder den Wert selbst hinzufügen. Die Verwendung von Platzhaltern ist der richtige Weg, wenn "Passwort eingeben" neben dem Eingabefeld als Text hinzugefügt wird.

Beispiel:

<input type="password" name="password" value="********"/> 

In diesem Fall, wenn Platzhalter verwendet wird, wird sie überschrieben werden, da der Wert bereits eingetragen ist:

<p>Enter Password:</p> 
    <input type="password" ng-model="dataItem.password" 
    class="form-control" name="password" placeholder="********"/> 

durch so etwas wie dies tun Sie einen Wert hinzufügen . plus, es wird die Anfrage des Benutzers an editieren ein gegebenes Passwort ... was nicht empfohlen wird.

Answer 3

Sie können Sterne in value-Attribut haben und Sie können Direktiven in angularjs verwenden, um zu fokussieren!

Answer 4

Sie können einen Wert definieren. Bevor Sie mir sagen, haben Sie bereits versucht es, aber es hat nicht funktioniert, lassen Sie mich Ihnen zeigen, was ich denke:

<input type="password" ng-model="dataItem.password" class="form-control" 
            name="password" placeholder="Enter Password" value="  "/> 

Diese 8 Sternchen zeigen. Wenn Sie den Wert trimmen, handelt es sich um eine leere Zeichenfolge, die Ihnen bei der Überprüfung hilft.