Як намалювати шаблон в HTML?

Атрибут шаблону визначає регулярний вираз, за ​​яким перевіряється значення елемента <input> під час надсилання форми. Примітка. Атрибут шаблону працює з такими типами введення: текст, дата, пошук, URL-адреса, телефон, електронна пошта та пароль. Порада: використовуйте глобальний атрибут title, щоб описати шаблон, щоб допомогти користувачеві.

Використання тегу <hr>: Тег Horizontal Rule (<hr>) використовується для вставлення горизонтальних ліній у документ HTML для розділення розділів документа. Це порожній або непарний тег, тобто немає потреби в закриваючому тегу.

Щоб використовувати регулярний вираз у формах HTML, вам потрібно додати атрибут pattern до вхідних елементів, які ви хочете перевірити. Атрибут шаблону приймає регулярний вираз як своє значення, і він перевіряє, чи введені користувачем дані відповідають регулярному виразу перед надсиланням форми.

Демонстрація HTML: <input type="tel">

  1. <label for="phone">
  2. Введіть свій номер телефону:<br />
  3. <small>Format: 123-456-7890</small>
  4. </label>
  5. <input type="tel" id="phone" name="phone" pattern="7{3}-7{3}-5{4}" required />

Властивість шаблону встановлює або повертає значення атрибута шаблону текстового поля. Атрибут шаблону визначає регулярний вираз, за ​​яким перевіряється значення текстового поля. Порада: використовуйте глобальний атрибут заголовка HTML або властивість заголовка DOM, щоб описати шаблон, щоб допомогти користувачеві.