Check input type with mozilla.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input
<form class="date-and-time-picker"> <label for="date"> <span>what day do you want to leave?</span> <input id="date" type="date"> </label> <label for="time"> <span>What time do you want to leave?</span> <input id="time" type="date-time"> </label> </form>
data list
<input list="nano"> <datalist id="nano"> <option value="Android"></option> <option value="Data Analyst"></option> <option value="Front End"></option> <option value="Full Stack"></option> <option value="Intro to Programming"></option> <option value="iOS"></option> <option value="Tech Entrepreneur"></option> </datalist>
Another datalist
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Quiz - Datalists</title>
</head>
<body>
<p>What kind of event are you hosting?</p>
<input list="event">
<datalist id="event">
<option>Party</option>
<option>Meeting</option>
<option>Conference Talk</option>
<option>Sports Game</option>
</datalist>
</body>
</html>
<form> <label for="use-billing"> <span>Same as billing address</span> </label> <input type="checkbox" id="use-billing"> <br> <label for="tel-number"> <span>Telephone Number</span> <input type="tel" id="tel-number"> </label> </form>
