Not pop up input field
<p>I have 2 input fields that I want to display in the modal box after user clicks on submit button. Do I have to change the type for matrix to type="text" in javascript? If so, how can I do that?</p>

<pre><code>&lt;form&gt;&lt;br&gt;
&lt;h1 style="text-align: center; color:red;"&gt;LOGIN&lt;/h1&gt;
    &lt;input type="text" name="name" placeholder="NAME" id="name"&gt;&lt;br&gt;&lt;br&gt;
    &lt;input type="password" name="matrixno" placeholder="MATRIX NO" id="matrix"&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
&lt;input id="myBtn" type="button" value="Submit" style="cursor:pointer; margin-right: 4.5cm; padding: 7px 16px;"&gt;
&lt;/form&gt;
</code></pre>

<p><a href="https://jsfiddle.net/rudy94/86gyqyd6/1/" rel="nofollow">Jsfiddle</a></p>