Автоматический ввод текста внутри ввода ⇐ Html

[Anonymous]

Я хотел бы, чтобы внутри элемента ввода type=text автоматически появлялся текст.

Я хотел бы добиться того, чтобы различные типы текстов хранились внутри массива и чтобы примерно каждые 5 секунд текст «вводился» в это поле с помощью javascript. Кроме того, мне также нравится, что, когда я фокусируюсь на поле (чтобы вводить в него текст с клавиатуры), автоматический ввод прекращается и отображается пустой элемент ввода.

Кто-нибудь знает, как это сделать?
Я серверный программист, но мне нужно заняться программированием внешнего интерфейса, и у меня просто нет времени полностью изучить Javascript. На данный момент я хорошо знаю только PHP, но хотел бы расширить свои знания до CSS, HTML и Javascript.

Надеюсь, кто-нибудь сможет мне помочь

РЕДАКТИРОВАТЬ: Это решение, которое я придумал, и оно работает. Поле ввода имеет идентификатор: searchBar. Код не очень элегантный, но я все еще учусь Спасибо за ответы. Мне это очень помогло.

var searchBar = document.getElementById('searchBar');

var keywords = ['Auto typed text number 1',
'This is number 2 auto typed',
'Yet another auto typed line',
'The last line before it loops again'];

var index = 0;
var arrCounter = 0;
var focus = false;
var timer1, timer2;

function resetBox() {
searchBar.value = '';
index = 0;
autoType();
}

var autoType = function() {

if (focus) {

return;
}

if (index

Подробнее здесь: https://stackoverflow.com/questions/227 ... text-input