input timeに対してth:placeholderを使う方法

Question

Java側で取得した値をinput type="time"に対してth:placeholder="${workTimeList[${itemStat.index}].workTime}"を試してみましたが何も表示されませんでした。workTimeListの中のworkTimeは08:00の形式です。

<td class="text-center">
	<input type="time"
	id="${workTimeList[__${itemStat.index}__].workTime}"
    name="${workTimeList[__${itemStat.index}__].workTime}"
	th:step="${workTimeInputunit}">
</td>

Comments

[m.ts10806]

提示されたコードにはth:placeholderがないようですが
動作確認されたブラウザも提示してください。

Answer 1

仕様として、timeにplaceholderありません。
<input type="time">
「対応する共通属性」の項参照。
type=textにはあります。

dateやtimeやmonthなど、ブラウザで実装が違うものでもありますし、
入力の型が決まっている以上、意味がないと思います。
あくまで「入力例」ですから。

placeholder

placeholder 属性は、フィールドでどのような情報が期待されているかについて、ユーザーに簡単なヒントを与える文字列です。

実装されてないブラウザもあるので、どうしてもplaceholderしたいならtype=textにすることですね。