Назад Вперед Зміст

Поле введення одного рядка

Текстове поле введення створюється за допомогою порожнього тегу <input type='text' /> 


<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <title>Форма реєстрації</title>
</head>
<body>
    <form>
        <div>
            <label for="username">Ім'я користувача:</label>
            <input type="text" id="username" name="username">
        </div>
        
        <div>
            <label for="email">Email:</label>
            <input type="email" id="email" name="email">
        </div>        
    </form>
</body>
</html>

Текстове поле введення пароля створюється за допомогою порожнього тегу <input type='password' /> 


<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <title>Форма реєстрації</title>
</head>
<body>
    <form>      
        
        <div>
            <label for="password">Пароль:</label>
            <input type="password" id="password" name="password">
        </div>
    </form>
</body>
</html>

Атрибути тегу <input />

Атрибут size

Атрибут size визначає розмір поля введення. Якщо розмір текстового поля не задано, використовується розмір за замовчуванням — 20 символів.

Атрибут maxlength

Атрибут maxlength задає максимальну кількість символів при введенні.

У текстове поле можна ввести до 256 символів, незалежно від його видимого розміру. Коли введення досягає правого краю поля, текст зсувається, щоб можна було ввести додаткові символи.

Не слід дозволяти користувачам вводити більше, ніж задана кількість символів.

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

Атрибут value

Атрибут value задає значення поля за замовчуванням.

Це значення автоматично виводиться у форму при її відкритті.
Атрибут Значення Опис
autocomplete on
off		 Вказує, чи повинен елемент <input> включати Автозаповнення
autofocus autofocus Вказує, що елемент <input> повинен автоматично отримувати фокус при завантаженні сторінки
checked checked Вказує, що елемент <input> повинен бути попередньо вибраний при завантаженні сторінки (для type="checkbox" або type="radio")
disabled disabled Вказує, що елемент <input> повинен бути відключений
formtarget _blank
_self
_parent
_top
framename		 Вказує, де відображати відповідь після відправки форми (для type="submit" і type="image")
maxlength число Вказує максимальну кількість символів, допустимих у елементі <input>
min число
дата		 Задає мінімальне значення для елемента <input>
multiple multiple Вказує, що користувач може ввести більше одного значення в елемент <input>
name текст Задає ім'я елемента <input>
pattern регулярний вираз Задає регулярний вираз, який перевіряється значенням елемента <input>
placeholder текст Задає коротку підказку, що описує очікуване значення елемента <input>
required required Вказує, що поле введення має бути заповнене перед відправкою форми
size число Задає ширину (в символах) елемента <input>
src URL Вказує URL-адресу зображення для кнопки відправки (тільки для type="image")
type button
checkbox
color
date
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week 		Вказує тип елемента <input> для відображення
value текст Задає значення елемента <input>
width пікселі Задає ширину елемента <input> (тільки для type="image")

Назад Вперед Зміст