Какова альтернатива ввода [type = "password"] для страниц amp

Question

Как заменить тег ввода [type = "password"] для преобразования в html на amp-страницы?

Id пользователя   Пароль  

Answer 1

input type=password не допускается в AMP. Найти ссылку here

Answer 2

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

От @Shrek

<input type="text" class="pw" autocomplete="off"> 
input.pw { 
    -webkit-text-security: disc; 
} 

Однако, это будет работать в браузерах, которые WebKit потомки .. Opera, Chrome и Safari, но не так много поддержки для отдыха, другое решение этой проблемы является использование WebFonts.

Используйте любую утилиту для редактирования шрифтов, такую ​​как FontForge, чтобы создать шрифт со всеми символами * (или любым символом, который вы хотите). Затем используйте веб-шрифты CSS, чтобы использовать их в качестве настраиваемого шрифта.

Источник: Get input type=text to look like type=password