Как показать/скрыть входное значение на фокусе?

Я вижу это на всем протяжении сети, но задавался вопросом, есть ли у кого-либо код JavaScript для САМОГО ЛЕГКОГО способа показать входное значение на размытости, но скрыться в на фокусе.

5
задан burning_LEGION 14 August 2012 в 11:38
поделиться

3 ответа

Простейший из известных мне подходов следующий:

<input 
    name="tb" 
    type="text" 
    value="some text"
    onblur="if (this.value=='') this.value = 'some text'" 
    onfocus="if (this.value=='some text') this.value = ''"  /> 
5
ответ дан 18 December 2019 в 05:15
поделиться

Если вас не волнует действительный HTML, используйте атрибут заполнитель . Он будет работать из коробки в Safari, и вы можете добавить ненавязчивый JS, чтобы имитировать это поведение в других браузерах.

Дополнительная литература:

И google. ; -)

Решение похоже на то, что опубликовал Джош Стодола, но оно более гибкое и универсальное.

1
ответ дан 18 December 2019 в 05:15
поделиться

Это то, что я использую в моем блоге . Просто зайдите туда и проверьте исходный код.

function displaySearchText(text){
    var searchField = document.getElementById('searchField');
    if(searchField != null)
        searchField.value = text;
}

Ваше поле ввода должно выглядеть примерно так:

<input id='searchField' name='q' onblur='displaySearchText("Search...");' onfocus='displaySearchText("");' onkeydown='performSearch(e);' type='text' value='Search...'/>
0
ответ дан 18 December 2019 в 05:15
поделиться
Другие вопросы по тегам:

Похожие вопросы: