practice

<form>
<span style="color:red;">1 : </span>type="text"<input type="text"><br>
<span style="color:gray;">2 : </span>type="button"<input type="button"><br>
<span style="color:red;">3 : </span>type="checkbox"<input type="checkbox"><br>
<span style="color:gray;">4 : </span>type="color"<input type="color"><br>
<span style="color:red;">5 : </span>type="date"<input type="date"><br>
<span style="color:red;">6 : </span>type="datetime-local"<input type="datetime-local"><br>
<span style="color:red;">7 : </span>type="email"<input type="email"><br>
<span style="color:red;">8 : </span>type="file"<input type="file"><br>
<span style="color:gray;">9 : </span>type="hidden"<input type="hidden"><br>
<span style="color:gray;">10 : </span>type="image"<input type="image"><br>
<span style="color:red;">11 : </span>type="month"<input type="month"><br>
<span style="color:red;">12 : </span>type="number"<input type="number"><br>
<span style="color:red;">13 : </span>type="password"<input type="password"><br>
<span style="color:gray;">14 : </span>type="radio"<input type="radio"><br>
<span style="color:gray;">15 : </span> type="range"<input type="range"><br>
<span style="color:gray;">16 : </span>type="reset"<input type="reset"><br>
<span style="color:red;">17 : </span>type="search"<input type="search"><br>
<span style="color:gray;">18 : </span>type="submit"<input type="submit"><br>
<span style="color:red;">19 : </span>type="tel"<input type="tel"><br>
<span style="color:red;">20 : </span> type="time"<input type="time"><br>
<span style="color:red;">21 : </span> type="url"<input type="url"><br>
<span style="color:red;">22 : </span>type="week"<input type="week"><br>
<hr><br>
<button name="send">送信されません</button>
</form>

</html>