title: How to get the 4 input field a single row for ionic 2
body: <p>check this link <a href="https://market.ionic.io/plugins/ionic-2-ion-numeric-keyboard" rel="nofollow noreferrer">https://market.ionic.io/plugins/ionic-2-ion-numeric-keyboard</a></p>
  
  <p>here i have an input type of one time password(OTP),in which if the user is registered with the same mobile number then the plugin will automatically read the code,If the user entered with the different number then he wanted to enter otp manually.i don't know how to split the input type line.</p>
  
  <p>Below is the code:</p>
  
  <pre><code>&lt;ion-input  type="number" 
                      id="otpNumber" 
                      class="form-control"
                      pattern="[0-9]{6}"
                      formControlName="otpNumber"&gt;
          &lt;/ion-input&gt;
  </code></pre>
  
  <p>Below is the screen shot what i got:</p>
  
  <p><a href="https://i.stack.imgur.com/bx62w.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bx62w.png" alt="enter image description here"></a></p>
  
  <p>Below is the screen shot what should i get:</p>
  
  <p><a href="https://i.stack.imgur.com/17E5w.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/17E5w.png" alt="enter image description here"></a></p>
  
  <blockquote>
    <p>how to get the the 4 input field as you can see in the above image.</p>
  </blockquote>