Исчезающий текст в input

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем trebarim, 9 фев 2013.

Статус темы:
Закрыта.
  1. trebarim

    trebarim

    Регистрация:
    9 фев 2013
    Сообщения:
    42
    Симпатии:
    10
    Устанавливаем в поле input текст по-умолчанию, при выборе поля текст исчезает.
    Код:
    <form>
    	<input value="Любой текст" onfocus="if(this.value=='Любой текст'){this.value='';}" onblur="if(this.value==''){this.value='Любой текст';}"  />
    </form>
    Пример http://jsfiddle.net/RvTkp/
     
  2. dropoff

    dropoff

    Регистрация:
    11 фев 2013
    Сообщения:
    12
    Симпатии:
    1
    В норм. браузерах можно использовать атрибут placeholder="Введите логин"
    Правда текст исчезать не будет.
    Код:
    <input name="name" value="" placeholder="Введите логин" />
     
  3. trebarim

    trebarim

    Регистрация:
    9 фев 2013
    Сообщения:
    42
    Симпатии:
    10
    Можно, но это будет не кроссбраузерный вариант, да и текст не исчезает, а затухает. А так как в большинстве случаев требуется поддержка ie, ваш вариант не подходит.
     
  4. dropoff

    dropoff

    Регистрация:
    11 фев 2013
    Сообщения:
    12
    Симпатии:
    1
    можно накидать js и этот атрибут заработает и в ie. были такие решения, видел.
    т.е. вам не нужно будет в каждый инпут пихать js, а достаточно будет работать только с атрибутом placeholder, который поддерживается норм. браузерами.

    Можно сделать, чтобы и исчезал. Все делается без проблем через js.
     
  5. trebarim

    trebarim

    Регистрация:
    9 фев 2013
    Сообщения:
    42
    Симпатии:
    10
    Зачем городить лес из кучи js, чтобы научит ие атрибуту placeholde, когда маленькая строчка делает аналогичное.
     
  6. dropoff

    dropoff

    Регистрация:
    11 фев 2013
    Сообщения:
    12
    Симпатии:
    1
    А то, что вы в кучу инпутов будете вставлять не мало js кода у вас проблем не вызывает?
    В общем я не в коем случае не переубеждаю или еще что-то. Я просто написал, что проще так, чем в каждый нужный инпут вставлять лишний код.
     
  7. moneymc

    moneymc

    Регистрация:
    22 янв 2013
    Сообщения:
    200
    Симпатии:
    36
    Автор, placeholder - лучший вариант. С ним и работать проще. Мне, например, нужно было, чтобы когда становишься в инпут, сверху выскакивал балун дублирующий содержания placeholder. В этом случае через jQuery я просто вставлял тда содержимое этого атрибута. В вашем случае так не сделаешь. Да и кода меньше. А для осла это делается очень просто: http://www.xiper.net/collect/js-plugins/html5-and-css3/jquery-placeholder.html
     
  8. sitecreator

    sitecreator

    Регистрация:
    1 фев 2013
    Сообщения:
    291
    Симпатии:
    65
    что такое "балун"? как он выглядит?
     
  9. moneymc

    moneymc

    Регистрация:
    22 янв 2013
    Сообщения:
    200
    Симпатии:
    36
    Это подсказка для инпута. Просто название инпута пишется в placeholder и чтобы человек не забыл что конкретно он в этом поле заполняет - сверху выскакивает подсказка.
     
  10. weber

    weber

    Регистрация:
    7 фев 2013
    Сообщения:
    98
    Симпатии:
    32
Статус темы:
Закрыта.