Ввод анимации в качестве заполнителя

Question

Прекрасный пример этой техники можно найти на сайте https://www.inwx.de/en. Здесь поле ввода с тилем «Найти нужный домен» показывает эффект ввода в качестве заполнителя, где текст вводится и удаляется. Я хотел спросить, с чего начать строить этот эффект. Я не мог найти что-то в Интернете об этом «эффекте». ;)

Answer 1

Попробуйте это: typing.js

После загрузки файла и связать их в HTML-файл, нужно просто установить var isPlaceholder = true; и поместить текст в var strings = new Array("www.yourdomain.com").

Как это:

<input id="words" type="text" name="domain" value="" placeholder=""> 
<script> 
    var strings = new Array("www.yourdomain.com") 
    var typingSpeed = 100; 
    var deleteSpeed = 40; 
    var isLoop = true; 
    var isPlaceholder = true; 
</script> 

Если вы используете это, дайте мне знать!
Мне очень хотелось бы это увидеть.