HTML登录通过刷卡

HTML Login via Card Swipe

本文关键字：登录 HTML      更新时间：2023-09-26

我试图创建一个html登录页面，允许用户通过刷卡登录(与读卡器连接到他们的计算机)。我的想法最初的想法是做一个隐藏的文本框，把焦点放在隐藏的文本框上，当刷卡时，卡片信息进入框内并提交表单。

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

问题:谁有实现这个想法的好方法?

如果你不想让用户看到文本框，你可以使用旧的CSS "将内容隐藏在屏幕之外"的技巧。只需要设置一个屏幕无法显示的绝对位置在左边或右边。例如(从引用的页面中提取):

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

简短回答:

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

为什么?

我过去不得不处理网页浏览器中的键盘模拟读卡器。我尝试过纯javascript的解决方案(例如，只是听DOM上的按键事件)，但是我所经历的是，很多时候卡可以有控制字符在他们的浏览器反应。

听起来很接近了。你也可以做一个快速的Flash应用，其中会出现一些额外的选项。至于html，可以尝试设置文本框颜色/填充样式，以将光标从视图

移开。
相关文章：