Вывод на экран

@miss_ka · Регистрация: 10.09.2012

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
Меня зовут <input type='text' size='20' maxlength='15' value="Введите имя"> .
<br><br>
Мне <input type="number" size="30" maxlength='3'  min="1" max="150" value="Введите Ваш возраст">.
<br><br>
Я хочу стать <input type='text' size='35' maxlength='25' value="Введите название профессии"> .
<br><br><br><br>
<input type="submit" value="Вывод">

Как сделать так, что бы при нажатии на кнопку "вывод" выводилось на странице текст+то, что было введено в текстовое поле?

@oxmrn · 27.10.2012, 22:18

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript" >
function getId(x) {
return document.getElementById(x);
}
function hi() {
if (getId('name').value !== 'Введите имя' && getId('age').value !== 'null' && getId('prof').value !== 'Введите название профессии') {
getId('out').innerHTML = "Вас зовут "+getId('name').value+", вам "+getId('age').value+", вы хотите стать "+getId('prof').value;
} else getId('out').innerHTML = 'Введите корректные данные';
}
</script>
Меня зовут <input type='text' size='20' maxlength='15' value="Введите имя" id='name'>.
<br><br>
Мне <input type="number" size="30" maxlength='3'  min="1" max="150" value="Введите Ваш возраст" id='age'>.
<br><br>
Я хочу стать <input type='text' size='35' maxlength='25' value="Введите название профессии" id='prof'>.
<br><br>
<p id='out'>Введите данные</p>
<input type="submit" value="Вывод" onclick='hi()'>

Новые блоги и статьи Все статьи Все блоги /
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .

Вывод на экран

Решение