Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

update(HTML): web/html/element/input/url #3622

Merged
merged 4 commits into from
Nov 29, 2024
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 6 additions & 16 deletions files/uk/web/html/element/input/url/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,10 @@ browser-compat: html.elements.input.type_url

## Додаткові атрибути

На додачу до атрибутів, що працюють на всіх елементах {{HTMLElement("input")}}, незалежно від їх типу, поля `url` підтримують наступні атрибути.
На додачу до [глобальних атрибутів](/uk/docs/Web/HTML/Global_attributes) та атрибутів, що працюють на всіх елементах {{HTMLElement("input")}}, незалежно від їхніх типів, поля URL підтримують наступні атрибути.

> [!NOTE]
> Глобальний атрибут [`autocorrect`](/uk/docs/Web/HTML/Global_attributes/autocorrect) можна додати до полів URL, проте доступне в ньому значення завжди буде `off`.

### list

Expand Down Expand Up @@ -90,19 +93,6 @@ browser-compat: html.elements.input.type_url

Значення, повернене при зчитуванні `spellcheck`, може не відображати фактичний стан перевірки правопису в контрольному елементі, якщо налаштування {{Glossary("User agent", "користувацького агента")}} перевизначають цей параметр.

## Нестандартні атрибути

У частині браузерів також доступні наступні нестандартні атрибути. Як правило, слід уникати їх використання, якщо це можливо.

### autocorrect

Атрибут `autocorrect`, розширення Safari, це рядок, що позначає вмикання автоматичного виправлення при редагуванні поля користувачем. Дозволені значення:

- `on`
- : Ввімкнути автоматичне виправлення хибодруків, а також обробку текстових замін, якщо вони налаштовані.
- `off`
- : Вимкнути автоматичне виправлення та текстові заміни.

## Застосування полів URL

Коли створити поле URL з правильним значенням `type` – `url`, то виходить автоматична валідація того, що введений текст щонайменше має коректну форму, аби потенційно бути допустимим URL. Це може допомогти уникнути випадків, коли користувач помиляється при введенні адреси свого вебсайту або надає недійсну.
Expand All @@ -112,15 +102,15 @@ browser-compat: html.elements.input.type_url
> [!NOTE]
> Користувач може погратися за лаштунками з вашим HTML, тому ваш сайт _не повинен_ використовувати цю валідацію для будь-яких безпекових потреб. Ви _повинні_ перевірити URL на серверному боці при будь-якій транзакції, при якій наданий текст може мати будь-які наслідки для безпеки.

### Просте поле URL
### Базове поле URL

Цей елемент реалізований як стандартне текстове поле введення з базовими можливостями валідації. У найпростішому випадку поле URL може бути реалізовано так:

```html
<input id="myURL" name="myURL" type="url" />
```

{{EmbedLiveSample('proste-pole-url', 600, 40)}}
{{EmbedLiveSample('bazove-pole-url', 600, 40)}}

Зверніть увагу на те, що це поле вважається дійсним, коли порожнє, або коли введено одну дійсну URL-адресу, але в іншому випадку дійсним не вважається. Коли додати атрибут [`required`](/uk/docs/Web/HTML/Element/input#required-oboviazkovyi), то дозволяються лише правильно сформовані URL-адреси; вважається, що введення не є дійсним, коли воно порожнє.

Expand Down