📅  最后修改于: 2023-12-03 14:42:07.161000             🧑  作者: Mango
HTML5中提供了日期输入控件,可以方便地输入日期,而不需要手动输入日期的格式。日期输入控件使用 <input>
标签,其类型为 "date"
。
<input type="date" name="date">
日期格式的默认值是ISO格式(YYYY-MM-DD),可以在输入框中选择日期,也可以直接在输入框中输入日期。
| 属性值 | 描述 |
| ---------- | -------------------------------------------------------- |
| accept
| 限制可选文件类型的MIME类型。 |
| autofocus
| 页面加载后自动获得焦点。 |
| disabled
| 禁用输入框。 |
| form
| 规定与输入框关联的一或多个表单(
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Date Input Example</title>
</head>
<body>
<form>
<label for="start">Start date:</label>
<input type="date" id="start" name="start"
value="2021-06-01"
min="2021-01-01" max="2022-12-31">
</form>
</body>
</html>
以上示例创建了一个日期输入控件,用于选择开始日期(2021年6月1日),并设置了可选的最小和最大日期。