HTML |

HTML的<input>标签提供了type="date"的属性，可以用于在表单中输入日期。

语法

<input type="date" name="birthday">

说明

• type="date"表示输入的是日期，会自动弹出日历选择器。
• name属性用于表单提交时，为该控件命名。
• 支持浏览器：Chrome 20、Firefox 57、Safari 5、Opera 10、Edge 12等。

示例

<form>
  <label for="birthday">生日：</label>
  <input type="date" id="birthday" name="birthday">
  <input type="submit" value="提交">
</form>

如上代码会生成一个日历日期选择器。

效果

生日：__________ [提交]

注意事项：

• type="date"的表单控件，其数据格式为yyyy-mm-dd，所以在后台根据需要应当进行格式化。
• 部分浏览器不支持type="date"，采取了默认实现，此时显示的是普通的文本框。