input 要素 はブラウザ（スマートフォン含む）によってUIが変わる

MDNに全部載っているんですけどねっていう。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/Input

とはいえ type 属性でページ分かれてるのでHTML5で追加になった type属性を中心にデモを作成。

デモ

PCの主要ブラウザのほかスマートフォンでもUIが変わるのでぜひスマホでもみてください。

コード

type="color"

<input type="color" value="#ff0000">

type="date"

<input id="date" type="date">

type="month"

<input type="month">

type="month"

<input type="number">

type="range"

<input type="range">

type="time"

<input type="time">

type="week"

<input type="week">

現場からは以上です。