2

javascript を使用するのではなく、css コードを使用してテキスト ボックスをクリアできるかどうか疑問に思っていました。

4

4 に答える 4

2

CSS を使用して DOM を操作することはできません。つまり、これは不可能です。

CSS ではドキュメントを変更することはできず、ドキュメントの外観と動作のみを変更できますが、それだけです。

于 2011-03-01T20:38:27.327 に答える
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 ブラウザーと互換性があります :)

于 2011-03-01T20:40:17.373 に答える
1

不可能だよ。CSS は表示専用、HTML は情報と構造、javascript は DOM 操作用です。これを行うには、Javascript またはそのライブラリのいずれかを使用する必要があります:)

于 2011-03-01T20:40:09.800 に答える
0

できますが、視覚的な方法では、実際には実行されませんが、表示されません

多くのトリックが考えられます.1つは、テキストボックスの背景と同じテキストの色を設定し、選択を無効にすることです.

しかし、それを完全に消したい場合は、JavaScriptを使用する必要があります

于 2011-03-01T20:40:46.540 に答える