使用Css清除TextBox文本/值

时间:2011-03-01 20:36:58

标签: css xhtml textbox clear erase

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

4 个答案:

答案 0 :(得分:2)

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

使用CSS无法更改文档,只能更改文档的外观和行为,但就是这样。

答案 1 :(得分: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浏览器兼容:)

答案 2 :(得分:1)

这是不可能的。 CSS仅用于演示,HTML用于信息和结构,javascript用于DOM操作。您将不得不使用Javascript或其中一个库来执行此操作:)

答案 3 :(得分:0)

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

可以有很多技巧,一个可以设置与文本框背景相同的文本颜色,禁用选择。

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