В HTML5, добавляя большое количество элементов и атрибутов формы, он также добавляет большое количество функций, чтобы проверить проверку достоверности содержимого новых элементов в форме и форме в форме во время отправки.
В HTML5 метод использования атрибутов элемента может быть реализован функцией автоматической проверки во время формы.
<! > <input type = text name = Text Treating Pattern =^/w.*$> <input type = отправить значение = отправить> </form> </body> </html>
Затем давайте посмотрим на спецификацию атрибутов, которые ограничивают содержание входного содержимого в HTML5 в HTML5.
1. Приведенный атрибут
Новый атрибут в HTML5 может быть применен к большинству входных элементов (за исключением скрытых элементов, кнопок элементов изображения). При отправке, если содержание в элементе пусто. Если вам не разрешено отправлять, в браузере отображается текст информации о приглашении на информацию, побуждая пользователя ввести контент в этом элементе, эффект, как показано на рисунке
2. Атрибут шаблона
Вновь добавленные входные элементы, упомянутые ранее, такие как электронная почта, номер, URL и т. Д., требуют, чтобы входной контент соответствовал определенному формату, используйте атрибуты шаблона для входных элементов и установили значение атрибута для регулярного выражения определенного формата. При отправке будет проверять, соответствует ли контент с форматом. Когда содержание ввода не соответствует формату, представление не разрешено
<! Указание контента: <input pattern = [0-9] [AZ] {3} name = part placeholder = input: количество номеров Три заглавных буквах> <input type = отправить значение = отправить> </form> </body> < /html>Эффект выполнения следующим образом:
3. Мин свойство и атрибут MAX
Два атрибута мин и максимума являются специальными атрибутами входного элемента даты или численного типа.
<! Значение: <input type = number name = point min = 0 max = 100/> <input type = отправить значение = отправить> </form> </body> </html>
Эффект выполнения следующим образом:
4. Атрибут
Шаг атрибут управляет значением в входном элементе, чтобы увеличить шаги при уменьшении. Например, когда вы хотите, чтобы значение пользователя вошло от 0 до 100, но когда вы должны быть кратными 5, вы можете указать, что шаг - 5, а код выглядит следующим образом:
<! > <Input> type = number name = point step = 5/> <input type = postic/> </body> </html>
Эффект заключается в следующем:
Я надеюсь, что для новых атрибутов этих форм у вас может быть более глубокое понимание! Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, Сяобиан ответит всем вовремя. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!