Menu
Coddy logo textTech

Input и Label

Урок 2 из 7 курса Форма входа — проект на HTML/CSS на Coddy.

Тег <input> является контейнером для различных типов элементов ввода, таких как: текстовые поля, флажки, переключатели, кнопки отправки и т. д.

Установите тип с помощью атрибута type,

<input type="text">
<input type="radio">
<input type="checkbox">
<input type="password">
<input type="submit">

Хорошей практикой считается добавление тега <label> к полю ввода,

<label for="password">Password:</label>
<input type="text" id="password">

Обратите внимание, что атрибут for должен соответствовать атрибуту id поля ввода, чтобы связать их вместе.

challenge icon

Задание

Легко

Добавьте два элемента ввода с метками, с идентификаторами "username" и "password", установите типы полей ввода на "text" и "password" — не забудьте связать каждую метку с соответствующим полем ввода.

Рекомендуется добавить теги <br/> для создания отступов между элементами!

Попробуйте сами

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Write HTML code here -->
</body>
</html>

Все уроки раздела Форма входа — проект на HTML/CSS