📌  相关文章
📜  input type="date" (1)

📅  最后修改于: 2023-12-03 14:42:07.161000             🧑  作者: Mango

HTML5中的日期输入控件

HTML5中提供了日期输入控件,可以方便地输入日期,而不需要手动输入日期的格式。日期输入控件使用 <input> 标签,其类型为 "date"

语法
<input type="date" name="date">

日期格式的默认值是ISO格式(YYYY-MM-DD),可以在输入框中选择日期,也可以直接在输入框中输入日期。

属性值

| 属性值 | 描述 | | ---------- | -------------------------------------------------------- | | accept | 限制可选文件类型的MIME类型。 | | autofocus| 页面加载后自动获得焦点。 | | disabled | 禁用输入框。 | | form | 规定与输入框关联的一或多个表单(

) | | max | 规定可选的最大日期。 | | min | 规定可选的最小日期。 | | name | 输入控件的名称(HTML表单中使用) | | readonly | 输入控件为只读。 | | required | 输入控件为必填项。 | | step | 规定合法的属性值的间隔。 | | value | 输入控件的初始值。 |

示例
<!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日),并设置了可选的最小和最大日期。