Можно ли удалить значение текстового поля с помощью css: focus?

Question

У меня есть следующая форма

<form id="enter_email" method="post" action="">
        <input type="text" value="enter email" />
        <input type="image" src="images/buttons/join-now.png"  />
    </form>

Мне было интересно, смогу ли я удалить значение, отображаемое в текстовом поле, просто css: focus only,

спасибо

Answer 1

Нет, для этого нужно использовать скрипт.

<input id="txt1" type="text" value="test value" onfocus="this.value='';" />

Answer 2

В CSS есть способы добавлять / добавлять содержимое к определенному элементу, но ничего для изменения значений атрибутов. Но если вы действительно хотите использовать CSS для этого, вы можете использовать текст как background-image для этого ввода и просто изменить background на :focus.

Answer 3

Нет, вы не можете изменять данные с помощью CSS. Вам нужно будет использовать JavaScript и присвоить значение элемента пустой строке.