Сохранять переводы строк при вводе сканера в HTML-элементе

Question

Я использую сканер Zebra DS9908 для сканирования штрих-кода и размещения данных на HTML-странице. Какой элемент следует использовать для сохранения всех вводимых символов? Я пробовал оба<div>и<textarea>, но в обоих случаях символы перевода строки между записями в данных штрих-кода удаляются. Я пробовал «белое пространство: предварительная обертка», но это не дало никакого эффекта.

Обратите внимание, сканер работает через ввод с клавиатуры. Когда я сканирую штрих-код в блокнот, он работает нормально.

ОБНОВЛЕНИЕ1

Данные являются данными водительского удостоверения. Штрих-код — PDF417, а форматы данных — от AAMVA. Пример данных ниже. У меня нет вопросов по этому поводу. Я пытаюсь найти способ передать ВСЕ символы в элемент HTML, включая переводы строк. Перевод строки используется для разделения полей.

      ANSI 6360100102DL00390183ZF02220047DLDAAJDOE,JOHN
DAG555 5th St
DAIMIAMI
DAJFL
DAK38451
DAQH50000000000

ОБНОВЛЕНИЕ 2

Вывод Scan123 приведен ниже.

Answer 1

Вы также можете попробовать использовать тег

      <code></code> 

Answer 2

Я нашел этот вопрос в переполнении стека:несколько строк ввода в <input type="text" />

Вы пробовали тег textarea html? Тот поддерживает несколько строк данных.

Пример использования html-тега textarea:

      <textarea name="Text1" cols="40" rows="5"></textarea>

Answer 3

Мне удалось успешно сканировать с разрывами строк в моем веб-приложении с помощью Zebra DS4608 и Zebra DS457. Мое веб-приложение использует поле «Заметки», которое, я думаю, запрограммировано как текстовое поле.

Я использовал утилиту Zebra 123Scan , чтобы установить необходимые параметры и запрограммировать пользовательские правила ADF для изменения данных.

Это снимок экрана (отредактированный) вывода водительских прав с заводскими настройками по умолчанию до внесения следующих изменений. См. Спецификацию водительских прав AAVMA PDF417 .

В 123Scan сделайте следующее:

1. Включить эмуляцию клавиатуры (по умолчанию?)
2. Включить сопоставление функциональных клавиш (критично)
3. Правила программы ADF (критические) a. Пропустите 3 символа (чтобы не вносить изменения сначала в@<LF><RS><Enter>ANSI<SP>последовательность)
   б. Заменить все шаблоны (менять каждые<LF>кроме первого<Enter><LF>). Обратите внимание, что редактор 123Scan ADF имеет эти специальные коды в качестве выбираемых значений.
   в. Вернитесь к началу (для меня это было неочевидно, но на следующем шаге вам нужно будет прочитать с самого начала)
   d. Отправьте все, что осталось.