1 / 1 / 1
Регистрация: 18.12.2013
Сообщений: 194
1

Текст из input

25.09.2018, 12:50. Показов 2070. Ответов 13
Метки нет (Все метки)

Подскажите пожалуйста, есть код
HTML5
1
2
 <textarea name="myTextarea" style="width:90%; height:300px; "></textarea><br>
<input id="bt" type="button" onclick='document.querySelector("textarea[name=myTextarea]").value+="СЮДА ПЕРЕДАТЬ ТЕКСТ ИЗ INPUT"' value="Вставить текст"> &nbsp; <input id="tx" type="text" placeholder="Введите ваш текст">
Есть textarea и два input - один кнопка, второй текст.
Нужно при ввода текста в input id=tx этот текст переносился сюда
Текст из input
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
25.09.2018, 12:50
Ответы с готовыми решениями:

По клику на текст передать другой текст в input
Подскажите, как реализовать задумку: Есть форма с полем ввода &lt;form method = post action =...

Текст в Input
Есть 2 Input'a (логин + пароль), Внутри них должен быть текст, при нажатии на строку Input'a должен...

В Input не вводится текст
$('#sum' + id).html('&lt;form action=&quot;../sql/workedit.php?id='+id+'&quot; method=&quot;post&quot; &gt;&lt;input ...

Выровнить текст в input
Не могу выравнить текст в input'e search, бэкграунд для поиска пользовательский, причём в осле...

13
30 / 28 / 14
Регистрация: 06.01.2016
Сообщений: 161
25.09.2018, 13:11 2
Javascript
1
document.getElementById("tx").value
0
1 / 1 / 1
Регистрация: 18.12.2013
Сообщений: 194
25.09.2018, 13:17  [ТС] 3
Отлично, спасибо большое, возник еще вопрос.
Как текст из input запихнуть в html теги?
0
Эксперт JS
6445 / 3892 / 2005
Регистрация: 14.06.2018
Сообщений: 6,781
25.09.2018, 13:18 4
TheRock17, оно?
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <textarea name="myTextarea" style="width:90%; height:300px; "></textarea><br>
    <input id="bt" type="button" value="Вставить текст"> &nbsp;
    <input id="tx" type="text" placeholder="Введите ваш текст">
    <script>
        document.getElementById("bt").onclick = () => {
            document.getElementsByName("myTextarea")[0].value += document.getElementById("tx").value;
        }
    </script>
</body>
</html>
0
1 / 1 / 1
Регистрация: 18.12.2013
Сообщений: 194
25.09.2018, 13:21  [ТС] 5
amr-now, Да, спасибо большое, возник еще вопрос.
Как текст из input запихнуть в html теги?

Добавлено через 49 секунд
andrey7287, Отлично, спасибо большое, возник еще вопрос.
Как текст из input запихнуть в html теги?
0
Эксперт JS
6445 / 3892 / 2005
Регистрация: 14.06.2018
Сообщений: 6,781
25.09.2018, 13:24 6
Цитата Сообщение от TheRock17 Посмотреть сообщение
Как текст из input запихнуть в html теги?
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <textarea name="myTextarea" style="width:90%; height:300px; "></textarea><br>
    <input id="bt" type="button" value="Вставить текст"> &nbsp;
    <input id="tx" type="text" placeholder="Введите ваш текст">
    <div id="myDiv">Здесь поменяется содержимое</div>
    <script>
        document.getElementById("bt").onclick = () => {
            document.getElementsByName("myTextarea")[0].value += document.getElementById("tx").value;
            document.getElementById("myDiv").innerHTML = document.getElementById("tx").value;
        }
    </script>
</body>
</html>
Добавлено через 1 минуту
Можно ввести например <b>Ура!</b>

Будет жирное Ура!
0
1 / 1 / 1
Регистрация: 18.12.2013
Сообщений: 194
25.09.2018, 13:26  [ТС] 7
amr-now, немного не так, мне нужно что бы в input заносился только текст, а в textarea уже с тегами
HTML5
1
<p>Значение из input</p>
как то так
0
Эксперт JS
6445 / 3892 / 2005
Регистрация: 14.06.2018
Сообщений: 6,781
25.09.2018, 13:31 8
TheRock17, в textarea никакие теги не вставить, насколько понимаю.

Добавлено через 1 минуту
На форуме мы тоже пишем неформатированным текстом. Форматируется уже потом отдельно.
0
1 / 1 / 1
Регистрация: 18.12.2013
Сообщений: 194
25.09.2018, 13:32  [ТС] 9
amr-now, в textarea все отображается текстом. должно быть вот так а сейчас вот так
0
Эксперт JS
6445 / 3892 / 2005
Регистрация: 14.06.2018
Сообщений: 6,781
25.09.2018, 13:34 10
Лучший ответ Сообщение было отмечено TheRock17 как решение

Решение

TheRock17,
Javascript
1
2
3
        document.getElementById("bt").onclick = () => {
            document.getElementsByName("myTextarea")[0].value += "<b>" + document.getElementById("tx").value + "</b>";
        }
1
1 / 1 / 1
Регистрация: 18.12.2013
Сообщений: 194
25.09.2018, 13:36  [ТС] 11
amr-now, Получилось, спасибо большое.
0
Эксперт JS
6445 / 3892 / 2005
Регистрация: 14.06.2018
Сообщений: 6,781
25.09.2018, 13:38 12
Для тега <p> соответственно
Javascript
1
2
3
        document.getElementById("bt").onclick = () => {
            document.getElementsByName("myTextarea")[0].value += "<p>" + document.getElementById("tx").value + "</p>";
        }
0
1 / 1 / 1
Регистрация: 18.12.2013
Сообщений: 194
25.09.2018, 14:10  [ТС] 13
amr-now, подскажите пожалуйста как заменить теги <p> на <input type="button"
я так понимаю кавычки мешают.
0
Эксперт JS
6445 / 3892 / 2005
Регистрация: 14.06.2018
Сообщений: 6,781
25.09.2018, 14:27 14
TheRock17, <input type='button'
Можно чередовать двойные и одинарные.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
25.09.2018, 14:27
Помогаю со студенческими работами здесь

Не передается текст из input
Добрый день ситуация такова, что при выводе alert(password); почему-то не может вывестись текст в...

Текст в инпуте (input placeholder)
Доброго времени суток, такая вот проблема.. В поле инпута нужно вставить вот такой текст.. не знаю...

Заполнить текст для input
Здраствуйте, я пишу типа спамера для сайта, застрял на написании сообщения в чат(авторизацию прошел...

Вставить текст в выбранный input
Добрый день. На странице есть 5 input с одиноковым id: &lt;input type=&quot;text&quot; size=&quot;20&quot; id=&quot;name&quot;&gt;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
14
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru