И как сделать так, чтобы текст исчезал при щелчке в поле и появлялся снова при щелчке по нему?

1
Justin Meltzer 12 Сен 2010 в 09:25

3 ответа

Лучший ответ

CSS:

input.placeholder {
    color:#ccc;
}

JavaScript:

(function() {
    var placeholders = document.getElementsByClassName('placeholder');
    for(var p = 0; p < placeholders.length; p++) {
       var placeholder = placeholders[p];
       placeholder.onfocus = function() {
          this.value = '';
          this.removeClass('placeholder');
       };
       placeholder.onblur = function() {
          if(this.value == '') {
             this.addClass('placeholder');
          }
       }
    }
})();
1
Jacob Relkin 12 Сен 2010 в 05:38

Вы просто имеете в виду атрибут цвета для вашего первого вопроса? Что касается исчезновения текста при нажатии на поле, вы имеете в виду поле ввода html?

Если это просто div, то установка события onmouseover и onmouseout для скрытия div (возможно, с использованием display: block и display: none) может сделать это.

1
stevebot 12 Сен 2010 в 05:34

цвет css используется для установки текста цвет. Вы можете использовать имя, значение rgb или шестнадцатеричное значение.

Изменение видимости элементов в реакции на события потребует некоторого знания JavaScript. Вы можете использовать jQuery, которая является библиотекой javascript, для этого. переключая поведение, можно заставить элемент исчезнуть, а затем снова появиться.

Если вы хотите что-то вроде текста по умолчанию в текстовом поле, пока пользователь не сфокусируется на этом, вам нужно обработать события фокуса и размытия. Эта публикация содержит руководство по этому вопросу.

2
Rebecca Chernoff 12 Сен 2010 в 05:41