title: How to create a custom mobile number input box with country code - HTML
body: <p>I am trying to create a custom mobile input box with mobile number and country code separated by  a divider but unable to do it.</p>
  <h3>Design</h3>
  <p><a href="https://i.stack.imgur.com/M0Wvs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M0Wvs.png" alt="Mobile" /></a></p>
  <h3>Current Implementation</h3>
  <pre><code>          
  &lt;div class=&quot;col-md-6&quot;&gt;
      &lt;p&gt;Mobile&lt;/p&gt;
      &lt;div class=&quot;form-group mt-2&quot;&gt;
          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;ec-mobile-number&quot; aria-describedby=&quot;emailHelp&quot;
                                placeholder=&quot;91257888&quot; /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
                          
  </code></pre>
  <p>Would be great if someone can help with this.</p>