Можно ли оформить поле ввода текста HTML как поле пароля?

У меня есть форма с текстовым полем. Мне пришлось применить маску ввода в поле в соответствии с требованиями клиента. Клиент теперь хочет скрыть ввод в виде поля ввода пароля. Я пытался установить его как ввод пароля, но маска перестала работать. Возможно ли это или я должен сдаться сейчас?


person indra    schedule 18.10.2016    source источник
comment
вы можете подделать его с помощью onkeyup, чтобы заменить все, что было напечатано на *, и сохранить ранее введенный текст в другом месте.   -  person Marc B    schedule 18.10.2016
comment
Да, это возможно, но ваш вопрос не имеет никакого смысла.   -  person tcooc    schedule 18.10.2016
comment
Попробуйте проверить ответ на этот вопрос stackoverflow. com/questions/25367230/ вы сможете реорганизовать его для своих целей.   -  person jeanpier_re    schedule 18.10.2016


Ответы (1)


Я нашел это: https://css-tricks.com/snippets/css/password-input-bullet-alternatives/

Что приводит к следующему примеру: http://jsfiddle.net/estelle/8WpNg/ с использованием -webkit-text-security свойство

Кажется, работает в Chrome, но не в Firefox. Поискав немного дальше, я нашел эту статью, в которой, кажется, обсуждается решение JavaScript для изящной деградации в браузерах, которые не поддерживают эту функцию с помощью CSS: Ухудшение -webkit-text-security

person Phil Gibbins    schedule 18.10.2016
comment
Хотя теоретически это может ответить на вопрос, было бы предпочтительнее включить сюда основные части ответа и предоставить ссылку для справки. - person Heretic Monkey; 18.10.2016
comment
Спасибо за это @MikeMcCaughan, я впервые отвечаю на SO, постараюсь добиться большего успеха в будущем. Это справедливое замечание - person Phil Gibbins; 18.10.2016
comment
Спасибо @PhilGibbins. к сожалению, мне нужно полностью кросс-браузерное решение, поэтому, хотя оно отлично работает в браузерах на основе webkit, оно не работает в IE, для которого, к сожалению, я все еще пишу. - person indra; 19.10.2016