Check out example codes for "input type for phone number in html". It will help you in understanding the concepts better.

Code Example 1

<div class="input1">
      <input type="tel" placeholder="telephone">
      <p class="info">Telephone must be a valid US number (11 digits)</p>
    </div>

Code Example 2

The <input type="tel"> defines a field for entering a telephone number. Note: Browsers that do not support "tel" fall back to being a standard "text" input. Tip: Always add the <label> tag for best accessibility practices!

Define a field for entering a telephone number:

<label for="phone">Enter your phone number:</label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">

Learn ReactJs, React Native from akashmittal.com