Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Атрибути Введення HTML для Розширеної Функціональності | Таблиці та форми
Основи HTML

bookАтрибути Введення HTML для Розширеної Функціональності

Ви вже знаєте, як використовувати поля введення та мітки. Тепер розглянемо найкорисніші атрибути, які роблять поля введення більш зручними та інформативними для користувача.

Поширені атрибути полів введення

Placeholder

Відображає підказку всередині поля.

<input type="text" placeholder="Enter your email" />

Name

Визначає поле під час надсилання форми.

<input type="text" name="username" />

Value

Встановлює значення за замовчуванням у полі.

<input type="tel" value="+1 (484) 298-9732" />

Required

Забороняє надсилання форми, якщо поле порожнє.

<input type="password" required />

Disabled

Робить поле недоступним для редагування та взаємодії.

<input type="text" value="New York" disabled />

Readonly

Відображає значення, яке користувачі можуть копіювати, але не можуть змінювати.

<input type="text" value="USA" readonly />

Min і Max

Встановлення обмежень для числових полів.

<input type="number" min="21" max="99" />
index.html

index.html

copy

1. Яка атрибут надає підказку або приклад тексту всередині поля введення, орієнтуючи користувачів щодо очікуваного типу даних?

2. Яка атрибут визначає ім'я поля введення, яке використовується для ідентифікації даних при відправці форми?

3. Яка атрибут не дозволяє відправити форму, якщо обов'язкове поле залишено порожнім?

question mark

Яка атрибут надає підказку або приклад тексту всередині поля введення, орієнтуючи користувачів щодо очікуваного типу даних?

Select the correct answer

question mark

Яка атрибут визначає ім'я поля введення, яке використовується для ідентифікації даних при відправці форми?

Select the correct answer

question mark

Яка атрибут не дозволяє відправити форму, якщо обов'язкове поле залишено порожнім?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 8

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.86

bookАтрибути Введення HTML для Розширеної Функціональності

Свайпніть щоб показати меню

Ви вже знаєте, як використовувати поля введення та мітки. Тепер розглянемо найкорисніші атрибути, які роблять поля введення більш зручними та інформативними для користувача.

Поширені атрибути полів введення

Placeholder

Відображає підказку всередині поля.

<input type="text" placeholder="Enter your email" />

Name

Визначає поле під час надсилання форми.

<input type="text" name="username" />

Value

Встановлює значення за замовчуванням у полі.

<input type="tel" value="+1 (484) 298-9732" />

Required

Забороняє надсилання форми, якщо поле порожнє.

<input type="password" required />

Disabled

Робить поле недоступним для редагування та взаємодії.

<input type="text" value="New York" disabled />

Readonly

Відображає значення, яке користувачі можуть копіювати, але не можуть змінювати.

<input type="text" value="USA" readonly />

Min і Max

Встановлення обмежень для числових полів.

<input type="number" min="21" max="99" />
index.html

index.html

copy

1. Яка атрибут надає підказку або приклад тексту всередині поля введення, орієнтуючи користувачів щодо очікуваного типу даних?

2. Яка атрибут визначає ім'я поля введення, яке використовується для ідентифікації даних при відправці форми?

3. Яка атрибут не дозволяє відправити форму, якщо обов'язкове поле залишено порожнім?

question mark

Яка атрибут надає підказку або приклад тексту всередині поля введення, орієнтуючи користувачів щодо очікуваного типу даних?

Select the correct answer

question mark

Яка атрибут визначає ім'я поля введення, яке використовується для ідентифікації даних при відправці форми?

Select the correct answer

question mark

Яка атрибут не дозволяє відправити форму, якщо обов'язкове поле залишено порожнім?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 8
some-alt