Комментарий: я раньше игнорировал мощные функции HTML5, но я не знаю, что большинство данных должны быть проверены на себе с ним, и мне не нужно дополнения для отображения календаря. Я поделюсь с вами небольшими функциями.
1. Отправить поле для ввода, чтобы автоматически проверить обоснованность электронной почты.<! Doctype html>
<html>
<тело>
<form action = "#" method = "Get">
Электронная почта: <input type = "email"/>
<input type = "Отправить"/>
</form>
</body>
</html>
2. Название цифрового ввода, убедитесь, что он правильный, и может быть установлено начало и конечного бита.
<! Doctype html>
<html>
<тело>
<form action = "#" method = "Get">
<input type = "number" step = "5" min = "5" max = "20" value = "0"/>
<input type = "Отправить"/>
</form>
</body>
</html>
3. Поле ввода URL может проверить обоснованность URL -ввода.
<form action =# method = get> url: <input type = url name = user_email/> <br/> <input type = отправить/</form>
4. Date Pickers (дата, месяц, неделя, время, DateTime, DateTime-Local) поле выбора, вы можете выбрать дату, время, месяц и неделя.
<! Doctype html>
<html>
<тело>
<form action = "#" method = "Get">
Дата: <input type = "date"/>
Месяц: <input type = "месяц"/>
Неделя: <input type = "неделя"/>
Время: <input type = "time"/>
DateTime: <input type = "dateTime"/>
DateTime-Local: <input type = "dateTime-local"/>
<input type = "Отправить"/>
</form>
</body>
</html>
5. Выбор ввода данных.
<! Doctype html> <html>
<тело>
<form action = "#" method = "Get">
Веб -страница: <input type = "url" list = "url_list" value = "fdf"/>
<Datalist>
<опция label = "w3school" value = "http://www.w3school.com.cn"/>
<опция label = "microsoft" value = "http://www.microsoft.com"/>
</datalist> <input type = "Отправить"/>
</form>
</body>
</html>