<!DOCTYPE html>
<html lang="ru">
<head>
<title>Испытание: формы — вспомнить всё</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<form action="/echo" method="post">
<label for="name">Имя</label>
<input type="text" name="username" id="name"><br>
<div class="half-width">
<label for="date">Дата рождения</label>
<input type="text" class="date" name="date" id="date">
</div>
<div class="half-width">
<label for="color">Цвет</label>
<select id="color" name="color">
<option selected="selected">Рыжий</option>
<option>Белый</option>
<option>Серый</option>
<option>Полосатый</option>
<option>В крапинку</option>
</select>
</div>
<label>
<label><input type="checkbox"> Разрешать гладить</label>
<label for="secret">Секретное блюдо</label>
<input type="password" name="pass" id="secret">
<div class="buttons">
<input type="submit" value="Сохранить">
</div>
</form>
</body>
</html>
Уже не актуально!
Вот рабочий код:
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Испытание: формы — вспомнить всё</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<form action="/echo" method="post">
<label for="name">
Имя
</label>
<input type="text" name="name" id="name">
<div class="half-width">
<label for="date">
Дата рождения
</label>
<input type="text" id="date" name="date" class="date">
</div>
<div class="half-width">
<label for="color">
Цвет
</label>
<select name="color" id="color">
<option>Рыжий </option>
</select>
</div>
<label><input type="checkbox"> Разрешать гладить</label>
<label for="eat">
Секретное блюдо
</label>
<input type="password" id="eat" name="eat">
<div class="buttons">
<input type="submit" value="Сохранить">
</div>
</form>
</body>
</html>