Комментарий: абсолютно мощные функции в формах HTML5 подробно введены в этой статье, в том числе: свойства формы, и есть визуализации. Вы можете обратиться к ним.
1. Автоматическая проверка электронной почты требует только типа = электронная почта2. Проверка даты (год, месяц, дата): тип = дата
3. Проверка времени (формат: 00:00): type = время
4. Проверка чисел (может быть добавлена и вычтена вниз) Тип = число
5. месяц (--год-месяц) тип = месяц
6. Неделя (--------------------------------------------------------------------------------------------------------------------------
7. диапазон (диапазон 0-100) тип = диапазон
8. Поиск типа = поиск
9. Коллекция цвета: тип = цвет
10. Проверка URL (необходимо предшествует) Тип = URL
<form action = "myform.php" method = 'post'>
Электронная почта: <input type = "email" require = "требуется" /> <br/>
Дата: <input type = "date" /> <br/>
Время: <input type = "time" /> <br/>
Номер: <input type = "number" /> <br/>
Месяц: <input type = "месяц" /> <br/>
Неделя: <input type = "Week"/> <br/>
Диапазон: <input type = "range" /> <br/>
Поиск: <input type = "search"/> <br/>
Цвет: <input type = "color" /> <br/>
<input type = "text" value = "" list = "movie"/>
<Datalist>
<опция> хахаха </option>
<опция> эй, эй, эй, </option>
<опция> хе -хе </option>
</datalist>
<input type = "Отправить" value = "pospent"/>
</form>
URL: <input type = "url" обязательно = "обязательно" form = "myform" /> <br/>
Имя пользователя: <input type = "text" required = "require" placeholder = "Пожалуйста, введите имя пользователя" form = "myform" autofocus = "autofocus" pattern = '/w {5}'/>
HTML добавлен атрибут формы
1. Требуется = требуется. Необходимый.
2. Placeholder = Пожалуйста, введите значение по умолчанию имени пользователя. Подсказка не отправлена на сервер.
3. AutoFocus = AutoFocus AutoFocus Function для улучшения удобства пользователя
4. pattern = '/w {5}' Заполните регулярное выражение в html -элементе
Вы можете отправлять формы за пределами форм, но в <input form = myform/>, form = myform должна быть равна значению идентификатора в форме, то есть: <form id = myform> </form>
Автоматическая форма заполнения: (эффект кажется намного лучше, чем раскрывающийся список, и он чувствует себя хорошо) значение списка должно быть равным значению идентификатора в данных даталиста, чтобы я мог распознать контент, который я хочу отобразить:
<input type = "text" value = "" list = "movie"/>
<Datalist>
<опция> хахаха </option>
<опция> эй, эй, эй, </option>
<опция> хе -хе </option>
</datalist>
Наклейка: