Получение данных из поля Textarea примеры

Textarea php или как получить данные/значение из поля textarea!? Существует несколько способов получения данных из textarea! Будем получать значение из textarea с помощью сразу двух языков - php и javascript !

Решил эти две темы объединить в одну тему!

Получение значение из textarea с помощью php и javascript

1. Получение значения из поля textarea -> post php
2. Скрипт получения данных из textarea -> php
3. Пример получения данных из textarea и вывод на экран -> php
4. Получение значения из поля textarea -> javascript

Получение значения из поля textarea - post php

Для того, чтобы получить данные из поля textarea с помощью php - нам потребуется:

Тег form.

Нам нужен обязательно метод..., лучше чтобы это был метод "post"

<form method="post"></form>

Внутрь формы помещаем тег textarea + обязательный атрибут атрибут name

<textarea name="textarea"></textarea>

Чтобы наша форма отправки/получения данных из textarea сработала нам нужна кнопка {submit}

<input type="submit" value="Отправить/получить данные из textarea">

Соберем весь код "Отправить/получить данные из textarea"

<form method="post">

  <textarea name="textarea"></textarea>

  <input type="submit"value="Отправить/получить данные из textarea">

</form>

После того, как наша форма с textarea - нам нужен скрипт, который обработает отправку данных из "textarea"




Скрипт получения данных из textarea в php<

Далее - нам потребуется скрипт, который получит и выведет результат из "textarea", для этого нам потребуется:

Проверим была ли нажата кнопка отправить:

if($_POST['send']) {}

Внутрь фигурных скобок помещаем следующее условие if - если существует ячейка массива "$_POST" с ключем "textarea", передаем значение в переменную "$send_textarea"

if($_POST['textarea'])
{
    $send_textarea = strip_tags($_POST['textarea']);
}

Иначе(else) - "отправлено пустое поле..."

else
{
    $send_textarea = 'отправлено пустое поле...';
}

И выводим переменную "$send_textarea" с помощью echo

Соберем весь код отправки и получения данных из textarea

Далее нам осталось собрать весь код php для отправки/получения данных из textarea :

<?
if($_POST['send'])
{
   if($_POST['textarea'])
   {
       $send_textarea = strip_tags($_POST['textarea']);
   }
   else
   {
       $send_textarea = 'отправлено пустое поле...';
   }
}
echo $send_textarea ;
?>
<form method="post">
  <textarea name="textarea"></textarea>
  <input type="submit" name="send" value="Отправить/получить данные из textarea">
</form>




Пример получения данных из textarea и вывод на экран

Выше я собрал для вас код отправки/получения данных из textarea в php.

Далее разместим приведенный код прямо здесь:

Протестируем код получения данных из textarea и вывод на экран

Для того, чтобы протестировать работу кода "отправки/получения данных из textarea в php." вам нужно:

В поле textarea введите какие-то данные.

И после окончания ввода нажмите кнопку

Отправить/получить данные из textarea

Форма отправки/получения данных из textarea и вывод на экран

Не забываем, что отправляем данные на сервер это массив $_POST.

Чтобы вы могли его увидеть выведем с помощью print_r

print_r($_POST);

Сможете увидеть данный массив после отправки данных из textarea

Array

(

)




Получение значения из поля textarea -> javascript

Для того, чтобы получить данные из textarea значения в javascript вам потребуется :

Тег textarea.

Любым из способов обратиться к тегу

По моему мнению, самый удачный и простой способ обратиться к любому тегу и в том числе и к "textarea" это id

И присвоим ему какое-то значение = "id_textarea"

<textarea id="id_textarea"></textarea>

То, что находится внутри тега "textarea" попадает в значение value в js, чтобы получить эти данные надо написать вот такую конструкцию:

var example = id_textarea.value;

Иногда может не работать... поэтому добавляем getElementById

var example = document.getElementById('id_textarea').value;

Просто так... написав такую конструкцию, вы сможете получить только то, что было внутри тега "textarea" после загрузки страницы! Поэтому нам нужно как-то отлавливать в реальном времени заполнение поля "textarea". Для этого существует огромное количество способов... для примера возьмем keyup

При поднятии клавиши(keyup), будет происходить событие(event).

Нам потребуется... полученный результат куда-то отправить, чтобы вы могли его увидеть... пусть это будет div

<div id="therezult"></div>

В него будем отправлять с помощью innerHTML, полученные данные из "textarea"

therezult.innerHTML = id_textarea.value;

Описанное в данном пункте:

<div id="therezult"></div>
<script>
id_textarea.addEventListener("keyup", event => {
therezult.innerHTML = id_textarea.value; });
</script>

Далее надо собрать весь код вместе:

Пример кода получения данных из textarea с помощью javascript

<div id="therezult">Сюда, будем отправлять!</div>

<textarea id="id_textarea"></textarea>

<script>

id_textarea.addEventListener("keyup", event => {

therezult.innerHTML = id_textarea.value;

});

</script>

Живой пример получения данных из textarea с помощью javascript

Для того, чтобы увидеть процесс "получения данных из textarea с помощью javascript" - начните вводить какие-то данные в поле textarea

Сюда, будем отправлять!



---

Если вы не знаете, что дальше делать с полученными данными уже в javascript - это как минимум вам нужна функция post в javascript + php для обработки, либо ajax jQuery