Блог

У меня есть форма с вводом type="text" , но на самом деле это поле даты в определенном формате. Мне нужно показать значок календаря в правом углу этой формы.

 <input class="form-control" value="01-12-2020" placeholder="Start date" type="text" name="started_at" id="started_at">
 

Если я изменяю ввод на type="date" , отображается значок, но также он изменяет поведение ввода, он отображается в заполнителе «мм / дд / гггг» и нарушает функциональность js для этого ввода.

Есть ли способ показать значок для булочки календаря input=text ?

Единственный способ, который я вижу, чтобы добавить значок рядом с вводом, — это добавить изображение. Добавьте тег изображения непосредственно перед тегом ввода.

 <img src="data.png"><input class="form-control" value="01-12-2020" placeholder="Start date" type="text" name="started_at" id="started_at">
 

Попробуйте <span> , например, с <i> тегом or:

 <i class="fa fa-envelope icon"></i> 
<input class="input-field" type="text"> 
 

Здесь вы увидите значок конверта в <input> поле.