title: Simple HTML form input field with multiple values from barcode scanner
body: <p>I know barcode scanner is just another keyboard that sends keycode 13 after every scan, I have a very simple form with just one input field, I want to be able to scan multiple barcodes and click submit to POST data. I think I would would need a javascript for this, but I am no good with javascripts. </p>
  
  <p>The end result would look something like this. You can see multiple barcodes have been scanned and they appear at the bottom of the picture. </p>
  
  <p>The goal is to scan desired number of barcodes without touching the keyboard, when done scanning press the submit button with the click of mouse. When I click submit they should be posted to another page. </p>
  
  <p><a href="https://i.stack.imgur.com/lzLmD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lzLmD.jpg" alt="enter image description here"></a></p>
  
  <p>I am sure this is a simple thing for someone who is good at javascript. </p>
  
  <p>Here is the HTML form code. </p>
  
  <pre><code>&lt;form action="myform5.php" method="post"&gt;
     &lt;p&gt;First name: &lt;input type="text" name="serial" /&gt;&lt;/p&gt;
     &lt;input type="submit" name="submit" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My question is how I can make it do what I described above?</p>
  
  <p>Thanks in advance. </p>