使用 Css 清除 TextBox 文本/值

Question

我想知道是否可以使用 css 代码而不是使用 javascript 来清除文本框？

Answer 1

您不能使用 CSS 来操作 DOM。换句话说：这是不可能的。

使用 CSS，我们无法更改文档，只能更改文档的外观和行为，仅此而已。

Answer 2

这对于 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 3

这是不可能的。 CSS 仅用于表示，HTML 用于信息和结构，而 javascript 用于 DOM 操作。您必须使用 Javascript 或其库之一来执行此操作:)

Answer 4

可以完成，但只是以视觉方式，它实际上不会去，但也不会显示，

可以有很多技巧，其中之一可以是将文本颜色设置为与文本框的背景相同，禁用选择。

但如果你想让它完全消失你需要使用javascript