【HTML】HTML 便利なinputフォーム「type=date」今日の日付を初期値として設定する一番手っとり早い方法

input form type=date

input form type=date

HTML5からinputフォームにカレンダーから日付を選べるtype=date が利用できるようになりました。

Calendar

初期値は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');?>">
タイトルとURLをコピーしました