<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5 maximum-scale=1.0 minimal-ui">

​

<fieldset>

  <form>

    <label for="url">enter a URL:</label>

    <input required="required" id="url" type="url" placeholder="please enter a URL" title="Please enter a valid http:// URL into the field"/>

​

    <label for="qty">enter a number</label>

    <input required="required" type="number" id="qty" min="0" max="100" step="1" placeholder="Gimmie a number from 1 to 100" title="enter a number"/>

    <label for="email">enter your email</label>

    <input type="email" id="email" placeholder="john.doe@mail.com"/>

    <label for="name">enter your name</label>

    <input id="name" type="text" placeholder="full name"/>

    <label for="partNumber">Enter your part number</label>

    <input type="number" id="partNumber" required title="Please enter 3 characters [A-Z] and 4 numbers [0-9]" pattern="[A-Z]{3}[0-9]{4}" />

    <label for="tabNumber">Enter your tab number</label>

    <input id="tabNumber" type="text" pattern="[0-9]*">

    <button>click me</button>

  </form>

</fieldset>