每个按钮带有两个数字的虚拟密码键盘如何工作？

Question

我正在寻找一种复制以下图片密码输入的方​​法。我尝试了许多方法，但找不到巴西许多银行使用的这种输入类型的名称。

该密码仅由数字组成，您会看到单击带有密码的按钮，但是旁边的人无法确定确切的密码，因为每个按钮都有2个数字。

例如，密码12345将需要按下按钮：第二，第一，第五，第一和第四。 密码424242需要按6次第一个按钮。

每次重新加载页面时，键盘都是随机的。

这涉及两个问题： 在客户端如何对数字进行编码，以便在服务器端我知道按下了哪些按钮。

考虑后端，如何安全存储这样的密码，以便仍然能够使用混合输入的密码找到用户。

网站部分的输入必须为HTML / Javascript，后端可以为PHP / NodeJS / Python中的任何数据库。我比实现更关注方法的描述，所以伪代码也很好。