Очистить значение textarea по умолчанию

@TheRock17 · Регистрация: 18.12.2013

Подскажите пожалуйста, как очистить значение по умолчанию <textarea>Значение по умолчанию</textarea>
при нажатии на кнопку?

@amr-now · 25.09.2018, 15:53

PHP/HTML

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <textarea id="ta">Значение по умолчанию</textarea><br />
    <button id="button">Очистить</button>
    <script>
        document.getElementById("button").onclick = function () {
            document.getElementById("ta").value  = "";
        };
    </script>
</body>
</html>

Добавлено через 2 минуты
В современных браузерах ещё есть placeholder. Как только начнешь печатать, исчезает.

PHP/HTML

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <textarea id="ta" placeholder="Значение по умолчанию"></textarea><br />
    <script>
 
    </script>
</body>
</html>

@TheRock17 · 25.09.2018, 15:57 **[ТС]**

amr-now, button перезагружает страницу, нужна очистка без перезагрузки.

@amr-now · 25.09.2018, 16:07

TheRock17, в обеих моих html-страничках не перегружает.

@TheRock17 · 25.09.2018, 16:07 **[ТС]**

amr-now, либо нужно внести <?php echo file_get_contents('textfile.txt') ?> в value textarea

@TheRock17 · 25.09.2018, 16:10 **[ТС]**

amr-now, у меня php страница

@amr-now · 25.09.2018, 16:11

TheRock17, покажите сгенеренную страницу и что в ней не нравится.

@Mr_Sergo · 25.09.2018, 16:13

TheRock17,

PHP/HTML

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <textarea id="ta">Значение по умолчанию</textarea><br />
    <button id="button">Очистить</button>
    <script>
        document.getElementById("button").onclick = function () {
            event.preventDefault();
            document.getElementById("ta").value  = "";
        };
    </script>
</body>
</html>

Так не перезагружается страница?

@amr-now · 25.09.2018, 16:14

zlojnaxa, ТС сейчас пишет на ПХП. Ждем, пока допишет.

@TheRock17 · 25.09.2018, 16:15 **[ТС]**

zlojnaxa, супер, спасибо.

@Mr_Sergo · 25.09.2018, 16:22

TheRock17,

PHP/HTML

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <textarea id="ta">Значение по умолчанию</textarea><br />
    <button id="button">Очистить</button>
    <script>
        document.getElementById("button").onclick = function () {
            event.preventDefault();
            document.getElementById("ta").value  = '<? echo file_get_contents("textfile.txt"); ?>';
        };
    </script>
</body>
</html>

Добавлено через 5 минут

Сообщение от TheRock17

супер, спасибо

Не мне спасибо а предыдущему оратору.
У вас там скорее всего форма <form>? но вы об этом ничего не сказали- поэтому у вас перезагружалась страница.

@TheRock17 · 25.09.2018, 16:24 **[ТС]**

amr-now, И Вам большое спасибо

Добавлено через 23 секунды
zlojnaxa, верно.

@Mr_Sergo · 25.09.2018, 16:26

Сообщение от TheRock17

верно

об этом бы лучше было сказать сразу

что бы никаких недоразумений не возникало у вас с помогающим вам.

@TheRock17 · 25.09.2018, 16:30 **[ТС]**

zlojnaxa, принял)

@amr-now · 25.09.2018, 16:37

zlojnaxa, глобальный объект window.event нехороший костыль. Лучше брать объект события из аргумента функции.

@Mr_Sergo · 25.09.2018, 16:40

amr-now,
Вы имеете ввиду так?:

PHP/HTML

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <textarea id="ta">Значение по умолчанию</textarea><br />
    <button id="button">Очистить</button>
    <script>
        document.getElementById("button").onclick = function (e) {
            e.preventDefault();
            document.getElementById("ta").value  = '<? echo file_get_contents("textfile.txt"); ?>';
        };
    </script>
</body>
</html>

@amr-now · 25.09.2018, 16:46

zlojnaxa, да.

Window.event нужен только перед IE9, поскольку IE9+ и другие браузеры передают объект события в качестве первого параметра обработчику событий, который был зарегистрирован. Стандартный обработчик браузера "функция onclick (e)" будет получать доступ к информации о текущем событии с помощью переданного в локальном параметре "e" (или того, что автор-обработчик назвал им), а до IE9 этот параметр-обработчик "e" будет undefined, чтобы вместо этого обработчик получал доступ к window.event.

@TheRock17 1 / 1 / 1 Регистрация: 18.12.2013 Сообщений: 194
		1
	Очистить значение textarea по умолчанию 25.09.2018, 15:37. Показов 5453. Ответов 16 Метки нет (Все метки) Подскажите пожалуйста, как очистить значение по умолчанию <textarea>Значение по умолчанию</textarea> при нажатии на кнопку? 0

@TheRock17 1 / 1 / 1 Регистрация: 18.12.2013 Сообщений: 194
	25.09.2018, 15:57 [ТС]	3
	amr-now, button перезагружает страницу, нужна очистка без перезагрузки. 0

@amr-now 6445 / 3892 / 2005 Регистрация: 14.06.2018 Сообщений: 6,781
	25.09.2018, 16:07	4
	TheRock17, в обеих моих html-страничках не перегружает. 0

@TheRock17 1 / 1 / 1 Регистрация: 18.12.2013 Сообщений: 194
	25.09.2018, 16:07 [ТС]	5
	amr-now, либо нужно внести <?php echo file_get_contents('textfile.txt') ?> в value textarea 0

@TheRock17 1 / 1 / 1 Регистрация: 18.12.2013 Сообщений: 194
	25.09.2018, 16:10 [ТС]	6
	amr-now, у меня php страница 0

@amr-now 6445 / 3892 / 2005 Регистрация: 14.06.2018 Сообщений: 6,781
	25.09.2018, 16:11	7
	TheRock17, покажите сгенеренную страницу и что в ней не нравится. 0

@amr-now 6445 / 3892 / 2005 Регистрация: 14.06.2018 Сообщений: 6,781
	25.09.2018, 16:14	9
	zlojnaxa, ТС сейчас пишет на ПХП. Ждем, пока допишет. 0

@TheRock17 1 / 1 / 1 Регистрация: 18.12.2013 Сообщений: 194
	25.09.2018, 16:15 [ТС]	10
	zlojnaxa, супер, спасибо. 0

@TheRock17 1 / 1 / 1 Регистрация: 18.12.2013 Сообщений: 194
	25.09.2018, 16:24 [ТС]	12
	amr-now, И Вам большое спасибо Добавлено через 23 секунды zlojnaxa, верно. 0

@Mr_Sergo 2033 / 1092 / 408 Регистрация: 29.04.2016 Сообщений: 2,612
	25.09.2018, 16:26	13
	Сообщение от TheRock17 верно об этом бы лучше было сказать сразу что бы никаких недоразумений не возникало у вас с помогающим вам. 0

@TheRock17 1 / 1 / 1 Регистрация: 18.12.2013 Сообщений: 194
	25.09.2018, 16:30 [ТС]	14
	zlojnaxa, принял) 0

@amr-now 6445 / 3892 / 2005 Регистрация: 14.06.2018 Сообщений: 6,781
	25.09.2018, 16:37	15
	zlojnaxa, глобальный объект window.event нехороший костыль. Лучше брать объект события из аргумента функции. 0

@amr-now 6445 / 3892 / 2005 Регистрация: 14.06.2018 Сообщений: 6,781
	25.09.2018, 16:46	17
	zlojnaxa, да. Window.event нужен только перед IE9, поскольку IE9+ и другие браузеры передают объект события в качестве первого параметра обработчику событий, который был зарегистрирован. Стандартный обработчик браузера "функция onclick (e)" будет получать доступ к информации о текущем событии с помощью переданного в локальном параметре "e" (или того, что автор-обработчик назвал им), а до IE9 этот параметр-обработчик "e" будет undefined, чтобы вместо этого обработчик получал доступ к window.event. 1

Очистить значение textarea по умолчанию

Решение