Как очищать textarea при фокусе с помощью css?

Question

У меня по умолчанию в textarea стоит "Введите текст... " 
Надо, чтоб при нажатие поле очищалось, а если ничего в нем не писать а кликнуть обратно за поле - текст по умолчанию возвращался.

можно это сделать по принципу:

textarea:focus{

....

}

?

Алексей Зайцев · Accepted Answer

<!doctype html>
<html lang="ru">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script>
 function textAreaClear() {
 var defaultContent = "Введите текст... ";
 var content = document.getElementById('text').value;
 if (content == defaultContent) document.getElementById('text').value = "";
 }
 function textAreaRestore() {
 var defaultContent = "Введите текст... ";
 var content = document.getElementById('text').value;
 if (content == "") document.getElementById('text').value = defaultContent;
 }
 window.onload = function () {
 text.onfocus = textAreaClear;
 text.onblur = textAreaRestore;
 }
 </script>
</head>
<body>
 <textarea name="tarea" id="text" cols="30" rows="10">Введите текст... </textarea>
</body>
</html>

Александр Стадников · Answer

css не чистит...

Shambet Tookeev · Answer

Приведенный код верен, но вообще, для такого в html есть атрибут placeholder.