Как я могу поставить другой код или не редактируемый код, когда Ctrl + Shift + я делаю в браузере

Question

У меня есть некоторый HTML-код, например:

Enter UserName <input type="text" name="user"><br>
Enter Password <input type="password" name="pass">

, когда я запускаю этот код, он отображается в браузере, но пока я выполняю Ctrl + Shift + I HTML-код выглядит так:

<input name="pass" type="password">

но если я изменю этот тип времени выполнения как "текст" , тогда мой пароль будет виден.

пожалуйста, скажите мне какое-нибудь решение, как я могу изменить или поместить другой код во время выполнения, чтобыпоказывает неизменяемыми после Ctrl + Shift + I.

Answer 1

Вы можете сделать это таким образом, применив тот же атрибут безопасности к полю ввода любого типа, чтобы показать значение в качестве пароля.

input.password-input {
    text-security: disc;
-webkit-text-security: disc;
-moz-text-security: disc;
}

Enter UserName <input type="text" name="user"><br> Enter Password <input type="password" class="password-input" name="pass">

Если вы измените тип ввода, текст все равно не будет виден.

Но предостережение , кто-то может просто "проверьте элемент "в Chrome и измените элемент css с" disc "на" none ", и реальный текст будет виден как день.