Safari中的HTML5日期字段和占位符文本

Question

我有一个问题,但我不确定这是不是我做错了,或者这个功能是否还不支持.

基本上我有以下几行代码:

<input type="text" name="lastname" id="lastname" value="" placeholder="Last name" />

<input type="date" name="dob" id="dob" value="" placeholder="Date of birth" />

我已经在桌面版Safari上测试了这一点并且一切都很好,但是当我在iPad上测试它时,第二个输入不会显示占位符文本.有谁知道iPad上的type ="date"是否支持占位符文字？

干杯尼克

Answer 1

iPad正在做正确的事情.类型上的元素不支持该placeholder属性.它可能在桌面Safari上工作,因为它不支持该类型,因此该属性被忽略并且您留下了纯文本字段.您可以检查DOM检查器.inputdatedate

Answer 2

这里有一点点hack ...

最初将字段作为文本字段。当用户将重点放在字段上时，切换字段类型为日期并重新对焦。

在ios6中测试

的HTML

<input type="text" placeholder="DOB" id="dob" />

JS

<script>

    var textbox = document.getElementById('dob')
        textbox.onfocus = function (event) {
            this.type = 'date';
            this.focus();
    }

</script>