HTML5中input为data型时不支持placeholder

最近在看Klaus Forster和Bernd Oggl著的《HTML5 Guidelines for Web Developers》,发现书中对于input元素的placeholder属性描述有疑问。书中在范例中写到

<input type=date name=birthday id=birthday placeholder="1978-11-24" >
但是我在实际测试的时候发现 placeholder属性在类型为date的input元素中不会起作用!换了多个支持HTML5的浏览器反复测试的结果都相同。于是乎,我到HTML5的娘家WHATWG上找了一下,果然是有相关内容,传送门 http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary。访问之后发现placeholder属性对于date类型的input元素而言确实是无效的。


那如果想在date输入框中实现类似于placeholder的效果咋办呢?可以用下面的js来模仿:

<script>
    var textbox = document.getElementById('birthday')
        textbox.onfocus = function (event) {
            this.type = 'date';
            this.focus();
    }
</script>
对应的input直接写成下面这样就OK了。

<input type="text" placeholder="出生日期" id="birthday" />



已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页