HTML | DOM 输入时间表单属性

HTML中有一种表单项叫做时间表单项。它允许用户选择日期和/或时间。

这里有一些常见的HTML时间表单项属性:

min和max

min属性可以设置时间表单项中可选的最小日期/时间。max属性则可以设置可选的最大日期/时间。

这是一个示例：

<label for="birthday">生日：</label>
<input type="date" id="birthday" name="birthday" min="1900-01-01" max="2021-12-31">

在这个示例中，只允许选择1900年1月1日至2021年12月31日之间的日期。

value

value属性可以设置时间表单项的默认值。

这是一个示例：

<label for="meeting-time">会议时间：</label>
<input type="datetime-local" id="meeting-time" name="meeting-time" value="2021-07-21T19:30">

在这个示例中，会议时间的默认值被设置为2021年7月21日19:30。

step

step属性可以设置可选时间值的间隔。默认值为1。

这是一个示例：

<label for="meeting-time">会议时间：</label>
<input type="datetime-local" id="meeting-time" name="meeting-time" step="900">

在这个示例中，可选时间的间隔被设置为15分钟。

required

required属性可以使时间表单项成为必填项。

这是一个示例：

<label for="meeting-time">会议时间：</label>
<input type="datetime-local" id="meeting-time" name="meeting-time" required>

在这个示例中，用户必须填写日期和时间值才能提交表单。

通过使用这些属性，您可以控制HTML时间表单项的行为和外观。