Зачем делают label для input?

Это подсказка - чтобы в момент заполнения поля, оставалось его название, мало ли пользователь забудет, что именно он заполняет, если форма заполнена неверно, прийдется кликать на каждое поле и удалять написанное, чтобы узнать, что именно было заполнено неправильно. В случае с чекбоксами и радио-кнопками – label незаменим, т. к. попасть по маленькой кнопочке многим довольно проблематично, а так кликнув на привязанный label выберется и сам input.

Тег i в вашем примере, скорее всего, вставляет какую-то иконку – так лучше не делать и, вообще избегать пустых тегов, а вставлять иконки в :before/:after label-а (кстати, еще один огромный плюс использования label – форму можно стилизовать, как душе угодно, в то время, как сами input проще совсем спрятать, чем пытаться их видоизменить).