<form action="test.php" id="test1">

    <!--id,name,type,readonly,disbled,size,maxlength,minlength,multiple,pattern(title),placeholder,required,autofocus,autocomplete,dirname-->

    <label for="email">Email Address</label>
    <input type="email" id="email" name="email" readonly disabled size="50" maxlength="20" minlength="10" multiple pattern="[a-z0-9._%+\-]+@[a-z0-9.\-]+\.[a-z]{2,}$" title="email eke adala requment ekathu karanna" placeholder="Email basic" required autofocus autocomplete="email" dirname="email.dir" ><br><br>

    <!--min,max,step-->

    <label for="Volume">Volume (between 0 and 50)</label>
    <input type="range" id="Volume" name="Volume" min="0" max="50" step="5"><br><br>

    <!--height,width,src,alt-->

    <label for="photo">My photo</label>
    <input type="image" id="photo" name="photo" height="50px" width="100px" src="image3.jpg" alt="One Boy Photo"><br><br>

    <!--list-->

    <label for="color"> Choose color:</label>
    <input type="text" list="color123" name="color" id="color">
    <datalist id="color123">
        <option value="van">van</option>
        <option value="bus">bus</option>
        <option value="car">car</option>
        <option value="trai">train</option>
      </datalist><br><br>

    <!--accept-->

    <label for="file">Id Photo Uploade</label>
    <input type="file" id="file" name="file" accept="image/jpeg,.jpg,video/*"><br><br>

    <!--checked-->

    <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
    <label for="vehicle1"> I have a bike</label><br>
    <input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
    <label for="vehicle2"> I have a car</label><br>
    <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat" checked>
    <label for="vehicle3"> I have a boat</label><br><br>

    <!--value-->

<input type="submit" value="Submit"><br><br>

  </form>