许多表单都需要收集日期，电子邮件地址和URL等信息。传统上，使用单行文本框来完成这些工作。
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>TODO write content</div>
<form action="http://www.example.com/bookings/" method="post">
<label for="username">日期:</label>
<input type="date" name="depart" />
<input type="subemit" value="Submit" />
</form>
</body>
</html>