title: How to add multiple Email addresses in text input HTML
body: <p>In HTML5 in Used this code, i want <strong><em>user to be able to add multiple email address</em></strong> in input box...</p>
  
  <pre><code>&lt;div class="modal-body row-fluid" align="left"&gt;
    &lt;span class="loader-gif" style="display:none;"&gt;&lt;img src="&lt;?php echo $baseURL?&gt;/watever/img/ajax-loader-horizontal.gif"&gt;&lt;/span&gt;
    Email:
    &lt;input type="email" multiple="multiple" autofocus="" pattern="^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$" style="display:none;width:91%;cursor:text;" /&gt;Links:
    &lt;input type="text" readonly="readonly" style="display:none;width:91%;cursor:text;" /&gt;
    &lt;span class="message" style="display:none;"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have added Multiple property in input <code>type="email"</code>, still i am not able to add more than one email address  in my browser,</p>
  
  <p>i am using, firefox latest version for testing. I just want to know, what is the way, to allow user to add multiple email addresses in that input box?
  and how to later retrieve those values using Javascript.</p>