HTML5 日期时间-本地选择器自定义占位符
我正在使用 HTML5 日期时间本地选择器，我是否可以放置自定义占位符文本？
HTML 代码：
<input id="dt" onchange="dateTimeFormat()" class="input" type="datetime-local">
默认情况下，它看起来像这样：
是的，你可以使用这个：-
<input id="dt" class="input" onfocus="(this.type='date')" placeholder="hello">
使用 onfocus="(this.type='date')"，然后您可以根据需要使用占位符
或者
你可以使用这个 CSS 技巧来做到这一点：-
input[type="date"]:before {
content: attr(placeholder) !important;
color: #aaa;
margin-right: 0.5em;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
content: "";
}
将其附加到您的 后input date，您可以将占位符与日期一起使用
例如：- 这是带有上述 CSS 代码的 HTML 代码：-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
input[type="date"]:before {
content: attr(placeholder) !important;
color: #aaa;
margin-right: 0.5em;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
content: "";
}
</style>
</head>
<body>
<input type="date" name="date" id="date" placeholder="Hello">
</body>
</html>
| 归档时间： |
|
| 查看次数： |
3437 次 |
| 最近记录： |