input form type=date
HTML5からinputフォームにカレンダーから日付を選べるtype=date が利用できるようになりました。
初期値はvalueで設定
inputフォームの属性設定で日付の初期値を設定できます。
今日の日付を初期値とする事でユーザービリティーがよくなります。
<!-- 記述例: -->
<input type="date" value="2019-07-17">
HTML で初期値を今日の日付にすることはできない
現状では、今日の日付初期値とする値はHTML5では用意されていません。そのため、Javascript か PHP を使って記述する方法で初期値を今日の日付にします。
PHP を約27文字入力するだけで設定完了
Javascript を使うと構文が長くなるため、PHPが使える環境であればPHPの方が早く記述できます。ここではPHPの記述例を紹介します。
<!-- 記述例: -->
<input type="date" value="<?php echo date('Y-m-d');?>">