How to make text substitution in input on click?

Question

Bootstrap

How to make such a substitution as simple as possible, like the one used on the main page of Yandex?

Answer 1

We take Pagination and edit the styles. We implement the output of the ellipsis on js/php.

Answer 2

Here you go without bootstrap https://jsfiddle.net/03yfzqpx/
If the solution helped, please answer as the correct answer.

Answer 3

document
  .getElementById('e-example')
  .addEventListener('click', function(){
    document.getElementById('search').value = this.innerText;
  });

Fiddle

Answer 4

when you click to fill in the data in the field, what's difficult?