Easy peazy:
<!DOCTYPE html>
<html>
<head></head>
<body>
<header>NUMBER</header>
<input type="number" name="MyNuberElement" id="MyNumberElement" />
<header>RANGE</header>
<input type="range" name="MyRangeElement" id="MyRangeElement"/>
<header>COLOUR</header>
<input type="color" id="MyColorElement" name="MyColorElement" />
<header>Date</header>
<input type="date" id="MyDateElement" name="MyDateElement" />
<header>DateTime (Also include time zone)</header>
<input type="datetime" id="MyDateTimeElement" name="MyDateTimeElement"/>
<footer></footer>
