Forms

by Slavenzka

HTML

<!DOCTYPE html>
<html lang="ru">

  <head>
    <meta charset="utf-8">
    <title>Forms practicing</title>
  </head>
  
  <body>
    <form action="#" method="get" enctype="multipart/form-data">
      <label>
        Поисковый запрос: <input type="text" name="search">
       </label>
       <br/>
       <br/>
       <label for="name">Введите ФИО:</label>
       <input type="text" name="user_name" id="name">
       <br/>
       <br/>
       <label for="pass">Введите свой пароль:</label>
       <input type="password" name="user_pass" id="pass">
       <br/>
       <br/>
       <input type="submit" name="btn_send" value="Отправить">
       <br/>
       <br/>
       <textarea name="user_desctiption" rows="5" cols="40">Опишите себя</textarea>
       <br/>
       <br/>
       <input type="checkbox" name="check_subscribtion" checked id="subscribe">
       <label for="subscribe">Получать спам на почту</label>
       <hr/>
       <label>
         <input type="radio" name="user_hobby" value="football" checked>Футбол
       </label>
       <br/>
       <label>
         <input type="radio" name="user_hobby" value="tv">Телевизор
       </label> 
       <br/>
       <label>
       <input type="radio" name="user_hobby" value="internet">Интернет
       </label>
       <hr/>
       <select multiple size="3" name="user_day" id="">
         <option value="Mon">Понедельник</option>
         <option value="Tue">Вторник</option>
         <option value="Wed" selected>Среда</option>
       </select>
       <br/>
       <br/>
       <input type="file" name="user_cv">
    </form>
  </body>

</html>

CSS

input:focus {
  background: lightgray;
}

label:hover {
  background: pink;
}

label:nth-child(4) {
  text-decoration: underline overline; 
}