Формы и HTML5

Курсы §21. Формы, часть 2
1 
 <!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">
      <div>
           <label for="user-name">Имя</label>
           <input id="user-name" type="text" name="username"> 
      </div>
      <div class="half-width">
        <label for="date">Дата рождения</label>
        <select class="date" name="data" type="text"></select>
      </div>
      <div class="half-width">
        <label for="color">Цвет</label>
        <select name="color">
        <option class="buttons" value="Рыжий">Рыжий</option>
      </div>
      <label><input type="checkbox">Разрешать гладить</label>
      
       Секретное блюдо
       <input type="password"></input>
      <div class="buttons">
        <label for="sb"></label>
        <input type="submit" value="Сохранить"> 
      </div>
    </form>
  </body>
</html>
2

Кнопка для корректного отображения кода в сообщении </> в редакторе на панели сверху.