Ändern der Symbole in einer HTML-Kennwort-Feld

Gibt es eine Möglichkeit, ändern Sie das Sternchen (*), oder in einigen Browsern eine Kugel (•), scheint, dass in Passwort-Feldern in HTML?

InformationsquelleAutor Jimvanz | 2009-10-30
  1. 38

    Können Sie nicht ändern Sie das Kennwort maskieren von Zeichen in der standard-Passwort-Feld. Sie können gefälschte es mit einer textbox, aber es macht für eine Unzureichende Sicherheits-Modell, weil Sie nicht den Schutz erhalten, der Sie aus dem Textfeld Kennwort ein. Als seitliche Anmerkung, es ist in der Regel nicht eine gute Idee, ändern Sie das Verhalten der Einzelteile mögen Sie dieses, weil die Anwender haben sich daran gewöhnt, die eine form der Maskierung, und Sie werden die Einführung einer anderen - wenn es keinen guten Grund, dies zu tun, würde ich es vermeiden.

    InformationsquelleAutor Pete OHanlon
  2. 36

    Erstellen Sie Ihre eigene schriftart und verwenden Sie @font-face und font-family (und font-size) für input[type="password"]. Es sollte helfen, um Ihr problem zu lösen. Aber... Sie schaffen müssen, die Schrift ersetzt Kugel und Sternchen. Alle Zeichen zahlen in schriftart darstellen können die gleichen Zeichen. Verwenden Sie google zu finden kostenloses Programm zum Bearbeiten von Vektor-Schriftarten.

    Nie sagen "es ist unmöglich". Sollten Sie einen hack für dein problem.

    Zeichen ersetzt werden, mit dem symbol (für Chrome, Firefox und MSIE):
    26AB, 25E6, 25CF, 25D8, 25D9, 2219, 20F0, 2022, 2024, 00B7, 002A.

    (18C)

    • Haben Sie ein Beispiel schriftart zu teilen?
    • dies sollte die perfekte Antwort... Danke Mann... mein problem gelöst
    • Frau, nicht Mann... die Menschen denken selten abstraktes und vielschichtiges Verhalten. BTW. die Frage ist alt (2009), aber immer noch aktiv. In der Vergangenheit hat die @font-face wurde nicht definiert. Im Jahr 2009 war es nicht möglich, aber... die Menschen wiederholen die Antwort trotz der Tatsache, Firefox unterstützt es von v3.5, also wohl vom v6, Chrome ab v4. Aber trotzdem... Opera Mini nicht unterstützt. Wenn ich schrieb meine Antwort, die wichtigste Antwort hat mit +21 Punkte.
    • Hey Ms, sex kann nicht erraten werden, indem Sie Ihre id-18c.Mit Gleichgewicht der Wahrscheinlichkeit, ich sagte, "Mann"... Sorry.. Trotzdem, danke für die Erklärung.. 🙂
    • dann nutzen Sie Universelle und Natürliche "Sie". Es ist OK, in der englischen Sprache.
    • ok :))))))
    • Das klingt wirklich gut, Kann einer bitte teilen Sie eine eventuelle tutorial Referenz für diese!
    • Es ist notwendig, nur @font-face etc. in CSS (darüber Lesen), font-Schmiede Anwendung für Ausgabe/Erstellung von Schriften. In font-forge können Sie kopieren (Strg+C) - Zeichen und ersetzen (Strg+V). Sie können auch Ihre eigene Maske Charakter. Wenn editinf Schriften, MIT lizenzierten Schriftarten (z.B. Befreiung). Bearbeiten Sie nicht die Helvetica oder Arial (wegen Lizenz Probleme).

    InformationsquelleAutor 18C
  3. 4

    Nein - der user-agent wählt seinen eigenen Standard-Stil, und es gibt (meines Wissens) keine CSS-Attribute, die Sie ändern können, um zu bestimmen, die Maskierung Charakter.

    Natürlich, das wäre möglich, wenn das Passwort-Feld war nur ein standard-text-Feld, und Sie manuell maskiert die Eingabe mit javascript-event-handler (onKeyPress, wahrscheinlich). Sie könnte sogar erklären, das Feld als type="password" im HTML -, dann haben Sie Ihre JS-Funktion ändern Sie den DOM, um den Typ ändern. Ich wäre ein wenig vorsichtig, dies zu tun, obwohl; die browser-Implementierung ist sicherlich ziemlich solide, und die Umgehung etablierter security-Funktionalität zum Selbstdrehen ist selten eine gute Idee.

    • Etablierte security-Funktionalität? Passwort und text-input-Felder in HTML sind ungefähr die gleichen, nur die änderungen an der Benutzeroberfläche, mit der Maskierung geschieht in Kennwort-Felder. Ich bin nicht downvoting deine Antwort, aber das ist nicht, wie das Rad neu erfinden oder erstellen Sie eine homebrew-crypto-engine, es ist nur das patchen eines UI-Elements an Ihr treffen Ihre Vorlieben.
    • neben Zeichen maskieren, Passwort-Felder zu verhindern, kopieren von Inhalten von Ihnen, je nach browser und Betriebssystem.
    • Danke für den Hinweis. Trotzdem, auch wenn der Benutzer versucht, das kopieren in das benutzerdefinierte Textfeld, alles, was er bekommen würde wäre asteriscs, oder Punkte, oder jedes andere symbol, das Sie wählen, um die Maske das echte Passwort.
    InformationsquelleAutor Andrzej Doyle
  4. 4

    Als jetzt, scheint es, als ob dies möglich ist, werden in webkit-Browsern. Bitte sehen http://help.dottoro.com/lcbkewgt.php für Beispiele und Dokumentation.

    Gilt nicht für die Passwort-Eingabe

    HTML:

    <input type="text" style="-webkit-text-security: square;" />

    Es gibt keine gute Lösung für andere Browser als der, wenn diese Antwort geschrieben wurde, und auch in webkit-Browsern, die Zeichen, die Sie angeben dürfen, sind sehr begrenzt.

    • Und das funktioniert nicht. Getestet habe ich es auf 4 verschiedenen Browsern.
    • Aktualisiert. Danke @OleHaugset .
    InformationsquelleAutor www139
  5. 3

    HTML:

    <input type="text" style="-webkit-text-security: circle;" />

    • Die CSS-Eigenschaft -webkit-text-security funktioniert nicht auf IE, Firefox, oder Opera.
    InformationsquelleAutor Joseph Eduardo Mejia Laos
  6. 3

    Ich weiß, dass ist eine sehr alte Frage, aber ich Stand vor diesem problem heute, und ich löste es mit diesem Ansatz: https://github.com/Mottie/input-password-bullet

    Grundsätzlich, ich habe eine neue schriftart zuweisen, wo die Standard-Punkt, zu einem anderen Symbol. Dann müssen nur importieren Sie die schriftart-Dateien in das Projekt und fügen Sie eine css-ähnlich wie diese:

    CSS:

    @font-face {
    font-family: 'fontello';
    src: url('/fonts/fontello.eot');
    src: url('/fonts/fontello.eot') format('embedded-opentype'),
    url('/fonts/fontello.woff') format('woff'),
    url('/fonts/fontello.ttf') format('truetype'),
    url('/fonts/fontello.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

input[type="password"] {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    color: red;
    font-size: 16px;

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

    /* add spacing to better separate each image */
    letter-spacing: 2px;
}

    Hoffe, das hilft!

    InformationsquelleAutor Isaac Bosca
Schreibe einen Kommentar