<div class="container py-3">
<h5>color</h5>
<input type="color">
<h5>range</h5>
<input type="range">
<h5>number</h5>
<input type="number" class="form-control">
 <h5>email</h5>
<input type="email" class="form-control">
  <h5>url</h5>
<input type="url" class="form-control">
  <h5>tel</h5>
<input type="tel" class="form-control">
  <h5>search</h5>
<input type="search" class="form-control">
  <h5>date</h5>
<input type="date" class="form-control">
  <h5>time</h5>
<input type="time" class="form-control">
  <h5>datetime-local</h5>
<input type="datetime-local" class="form-control">
  <h5>week</h5>
<input type="week" class="form-control">
</div>