input date属性怎么添加默认placeholder

要在`<input>`元素上添加默认的`placeholder`属性，可以使用`date`类型的`input`元素，并设置`placeholder`属性为所需的默认文本。例如：

<input type="date" placeholder="请选择日期">

这将在日期输入框中显示一个默认的提示文本"请选择日期"。当用户点击输入框时，浏览器会显示日期选择器，用户可以选择日期。如果用户未选择日期，那么在输入框中将显示默认的提示文本。

请注意，不同浏览器对于`date`类型的`input`元素的外观和行为可能有所差异。因此，实际效果可能因浏览器而异。

相关问题

<td> <input id="field_inDate" data-cy="inDate" type="datetime-local" class="form-control" name="inDate" formControlName="inDate" placeholder="YYYY-MM-DD HH:mm" /> </td> 以上是一段angular代码我想让这段代码不显示时分于是我将 type="datetime-local"改成 type="date"，但是这样改后页面显示的数据就没了为什么怎么解决

将 `type="datetime-local"` 改成 `type="date"` 后，页面只会显示日期，而不会显示时间。如果你想让页面同时显示日期和时间，但是不想让用户选择时间，可以将 `type="datetime-local"` 改成 `type="text"`，然后在输入框内添加一个默认的时间值，例如：

<td>
  <input id="field_inDate"
         data-cy="inDate"
         type="text"
         class="form-control"
         name="inDate"
         formControlName="inDate"
         placeholder="YYYY-MM-DD HH:mm"
         value="2021-10-20 00:00" />
</td>

这样，页面会默认显示 2021-10-20 00:00 这个时间值，用户无法修改，但是仍然可以看到日期和时间。

<input class="layui-input" name="year" id="year" type="text" placeholder="请选择年份" autocomplete="off">怎么给他设置默认年份

可以使用JavaScript代码为这个输入框设置默认值，代码如下：

// 获取当前年份
var currentYear = new Date().getFullYear();
// 将当前年份设置为输入框的默认值
document.getElementById("year").value = currentYear;

将上述代码放在页面加载完成时执行的JavaScript函数中，就可以实现在输入框中显示当前年份作为默认值。