Использование Css для очистки текста / значения TextBox

Question

Мне было интересно, можно ли было очистить текстовое поле с помощью кода CSS вместо использования JavaScript?

Answer 1

Это невозможно с CSS, только с JS:

Функция обработчика событий:

addEvent(document.getElementById('IDHERE'), "focus",
function() {
    clearText('IDHERE');
});

Функция прослушивания событий:

//addEvent listener
function addEvent(obj, type, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(type, fn, false);
    } else {
        if (obj.attachEvent) {
            obj["e" + type + fn] = fn;
            obj[type + fn] = function() {
                obj["e" + type + fn](window.event);
            };
            obj.attachEvent("on" + type, obj[type + fn]);
        }
    }
}

Функция ClearText:

//Clear on focus function
function clearText(id) {
    document.getElementById(id).value = "";
}

Это чистый JS, библиотеки здесь не нужны, очень быстрый и совместимый с x-браузером:)

Answer 2

Вы не можете использовать CSS для управления DOM. Другими словами: это невозможно.

С помощью CSS нельзя изменить документ, только внешний вид и поведение документа, но это все.

Answer 3

Это невозможно. CSS только для представления, HTML для информации и структуры, а javascript для манипулирования DOM. Вы должны будете использовать Javascript или одну из его библиотек, чтобы сделать это:)

Answer 4

можно сделать, но только визуально, на самом деле это не пойдет, но тоже не будет отображаться

может быть много трюков, можно установить цвет текста в качестве фона вашеготекстовое поле, отключите выбор.

, но если вы хотите, чтобы он полностью исчез, вам нужно использовать javascript