<form>
  <p>
    <label for="textin">A <code>text</code> input field</label>
    <input name="textin" id="textin" type="text" />
  </p>
  <p>
    <label for="numberin">A <code>number</code> input field</label>
    <input name="numberin" id="numberin" type="number" pattern="[0-9]*" />
  </p>
  <p>
    <label for="phonein">A phone number (<code>tel</code>) input field:</label>
    <input name="phonein" id="phonein" type="tel" pattern="[0-9]*" />
  </p>
  <p>
    <label for="textinvalid">An invalid field</label>
    <input name="textinvalid" id="textinvalid" type="text" class="invalid" />
  </p>
    <p>
    <label for="textvalid">A valid field</label>
    <input name="textvalid" id="textvalid" type="text" class="valid" />
  </p>
  <p>
    <label for="textdisabled">A <code>disabled</code> field</label>
    <input name="textdisabled" id="textdisabled" type="text" disabled />
  </p>
</form>

<form>
  <p>
    <label for="textin">A <code>text</code> input field</label>
    <input name="textin" id="textin" type="text" />
  </p>
  <p>
    <label for="numberin">A <code>number</code> input field</label>
    <input name="numberin" id="numberin" type="number" />
  </p>
  <p>
    <label for="phonein">A phone number (<code>tel</code>) input field:</label>
    <input name="phonein" id="phonein" type="tel" pattern="[0-9]*" />
  </p>
  <p>
    <label for="textinvalid">An invalid field</label>
    <input name="textinvalid" id="textinvalid" type="text" class="invalid" />
  </p>
    <p>
    <label for="textvalid">A valid field</label>
    <input name="textvalid" id="textvalid" type="text" class="valid" />
  </p>
  <p>
    <label for="textdisabled">A <code>disabled</code> field</label>
    <input name="textdisabled" id="textdisabled" type="text" disabled />
  </p>
</form>

Remove invalid 'pattern' attribute from input type='number' example
Remove invalid 'pattern' attribute from input type='number' example
