- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Связываем подпись и поле по id</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Форма входа</h1>
<form action="https://echo.htmlacademy.ru/courses" method="post">
<table>
<tr>
<td>
Ваш логин
</td>
<td>
<input type="text" name="login">
</td>
</tr>
<tr>
<td>Подпись</td>
<td>Другое поле</td>
</tr>
<tr>
<td></td>
<td>Кнопка отправки</td>
</tr>
</table>
</form>
</body>
</html>
CSS
table {
border-collapse: collapse;
}
td {
padding: 10px;
border: 1px solid #cccccc;
}
tr:nth-child(n+2) {
color: #cccccc;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
- Добавьте к полю для ввода логина идентификатор
login-field
. - Оберните текст
Ваш логин
в тег<label>
. Тег<label>
должен оказаться внутри тега<td>
. - Затем свяжите подпись с полем ввода логина с помощью атрибута
for
.
Не забудьте нажать на подпись, чтобы проверить, что поле активируется.