通過卡片刷卡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視圖