通过刷卡进行HTML登录

Question

我正在尝试创建一个html登录页面，允许用户通过刷卡（连接到他们的计算机的读卡器）登录。我的想法最初的想法是制作一个隐藏的文本框，将焦点放在隐藏的文本框中，当刷卡时，卡信息进入框中并提交表单。

问题： 1.当我在隐藏文本框上尝试xx.focus（）时，我一直收到JS错误。 2.我使文本框可见，但将其高度和宽度设置为1px。您仍然可以看到光标在文本框中闪烁。

问题：任何人都有很好的方法来实现这个想法吗？

Answer 1

如果您不希望用户看到文本框，可以使用旧的CSS“hiding stuff off of the screen”技巧。只需设置左侧或右侧的绝对位置，即无法显示任何屏幕。例如（从引用的页面中拉出）：

.offscreen {
    position: absolute;
    left: -999em;
}

Answer 2

简短回答：

是的，通过css隐藏的input（不是type="hidden"）实际上是唯一的方法。

为什么？

我过去不得不在网络浏览器中处理键盘仿真卡读卡器。我已经尝试过纯粹的javascript解决方案（例如，只是在DOM上收听按键事件），但我所经历的是，很多时候卡片中都有控制字符，浏览器会对此做出反应。

Answer 3

听起来你很亲密。你也可以做一个快速的Flash应用程序，其中会出现其他选项。至于html一个尝试设置文本框颜色/填充的stuyle移动光标frm视图