Textarea php или как получить данные/значение из поля textarea!? Существует несколько способов получения данных из textarea! Будем получать значение из textarea с помощью сразу двух языков - php и javascript !
Решил эти две темы объединить в одну тему!
Получение значение из textarea с помощью php и javascript
- Получение значения из поля textarea ->
post php - Скрипт получения данных из textarea -> php
- Пример получения данных из textarea и вывод на экран -> php
- Получение значения из поля textarea ->
javascript
Получение значения из поля textarea - post php
Для того, чтобы получить данные из поля textarea с помощью php - нам потребуется:
Тег form.
Нам нужен обязательно метод..., лучше чтобы это был метод "post"
Внутрь формы помещаем тег textarea + обязательный атрибут атрибут name
Чтобы наша форма отправки/получения данных из textarea сработала нам нужна кнопка submit
Соберем весь код "Отправить/получить данные из textarea"
<form method="post">
<textarea name="textarea"></textarea>
<input type="submit"value="Отправить/получить данные из textarea">
</form>
После того, как наша форма с textarea - нам нужен скрипт, который обработает отправку данных из "textarea"
Скрипт получения данных из textarea в php<
Далее - нам потребуется скрипт, который получит и выведет результат из "textarea", для этого нам потребуется:
Проверим была ли нажата кнопка отправить:
Внутрь фигурных скобок помещаем следующее условие 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 и вывод на экран
Не забываем, что отправляем данные на сервер это массив $_POST.
Чтобы вы могли его увидеть выведем с помощью print_r
Сможете увидеть данный массив после отправки данных из textarea
Array
(
)
Получение значения из поля textarea -> javascript
Для того, чтобы получить данные из textarea значения в javascript вам потребуется :
Тег textarea.
Любым из способов обратиться к тегу
По моему мнению, самый удачный и простой способ обратиться к любому тегу и в том числе и к "textarea" это id
И присвоим ему какое-то значение = "id_textarea"
То, что находится внутри тега "textarea" попадает в значение value в js, чтобы получить эти данные надо написать вот такую конструкцию:
Иногда может не работать... поэтому добавляем getElementById
Просто так... написав такую конструкцию, вы сможете получить только то, что было внутри тега "textarea" после загрузки страницы! Поэтому нам нужно как-то отлавливать в реальном времени заполнение поля "textarea". Для этого существует огромное количество способов... для примера возьмем keyup
При поднятии клавиши(keyup), будет происходить событие(event).
Нам потребуется... полученный результат куда-то отправить, чтобы вы могли его увидеть... пусть это будет div
В него будем отправлять с помощью innerHTML, полученные данные из "textarea"
Описанное в данном пункте:
<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
