HTML:在输入类型日期中首先显示占位符

HTML:在输入类型日期中首先显示占位符,html,css,Html,Css,我可以先在输入中显示占位符吗?现在,当我点击输入框时,我可以看到占位符,但是我想要它,这样当我加载页面时,占位符就可以立即读取 加载页面时,它应该显示出生日期,而不是mm/dd/yyyy 谢谢大家! 试试这个链接 <input type=date form="sf1" name="date" placeholder="23-7-1988"> 代码笔- 您可以将输入日期默认占位符与元素之前的:重叠。 必须使用onChange事件控制输入元素 /*当输入type=“date”和

我可以先在输入中显示占位符吗?现在,当我点击输入框时,我可以看到占位符,但是我想要它,这样当我加载页面时,占位符就可以立即读取

加载页面时,它应该显示出生日期,而不是mm/dd/yyyy

谢谢大家!

试试这个链接

<input type=date form="sf1" name="date" placeholder="23-7-1988">

代码笔-


您可以将输入日期默认占位符与
元素之前的
:重叠。
必须使用
onChange
事件控制输入元素

/*当输入type=“date”和&value=”“=>隐藏输入内容时*/
输入[type=“date”][value=”“]{
位置:相对位置;
身高:100%;
颜色:透明;
过渡:均为0.2s;
}
/*当焦点显示它时*/
输入[type=“date”]:焦点{
颜色:继承;
}
/*输入type=“date”&&value=”“=>与之前重叠*/
输入[type=“date”][value=”“]:之前{
内容:attr(占位符);
位置:绝对位置;
身高:100%;
宽度:计算(100%-20px);
垫面:4px;
颜色:#aaa;
背景色:白色;
过渡:均为0.2s;
}
/*在聚焦之前先摆脱*/
输入[type=“date”]:焦点:之前{
内容:无;
}

您是否尝试过输入type=“text”placeholder=“test”?谢谢!这就是我一直在寻找的答案!这很好,但问题是当您离开该字段时,当日期的格式从MM/DD/YYYY更改为YYYY-MM-DD。您知道如何在控件更改回type='text'后使日期保持以前的格式吗?您不能更改它,但请阅读此链接,它将对您有所帮助
        var dateofbirth="01/23/1990";
        document.getElementById('test').placeholder=dateofbirth;