このような入力フォームは、ユーザーに生年月日や商品の購入日などの日付を入力させたいときに使います。ユーザーが「2022/04/01」という文字を手入力するようなUI(ユーザーインタフェース)よりも、カレンダーから日付を選択して入力できるUIの方が、入力フォームの使い勝手は向上します。 このような表現は表1に示した短い構文で実現できます。input要素のtype属性にdateを指定するだけで、カレンダー形式の日付選択UIが表示されます。さらに、value属性に日付を指定すると、図2のように初期値にその日付を設定できます。
![たった1行?日付からカレンダーを作り出す驚異のHTMLワザ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0fc9d7f268abd6af8a5761ed182c24110c6c25f9/height=288;version=1;width=512/https%3A%2F%2Fxtech.nikkei.com%2Fatcl%2Fnxt%2Fcolumn%2F18%2F02125%2F071200001%2Ftopm.jpg%3F20220512)