Як зробити гумовий інпут

Як оформити Інпут?

Базовий варіант оформлення input Т.о. додамо до <input> з type="text" клас text-field__input , до <label> – text-field__label , а потім обернемо їх в елемент <div> з класом text-field .

Як додати текст до Інпуту?

Для створення однорядкового текстового поля використовується елемент <input>. Щоб вийшло не просто порожнє поле, а поле із заздалегідь виведеним текстом, потрібно до <input> додати атрибут value та йому присвоїти бажаний рядок, як показано у прикладі 1.