Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.10.2017, 18:20
Новичок на форуме
Отправить личное сообщение для MarynaZ Посмотреть профиль Найти все сообщения от MarynaZ
 
Регистрация: 08.10.2017
Сообщений: 4

Вывести введенные данные в форму на другой странице в таблицу посредством javascript
Всем привет. Только начала изучение JS и нигде не могу найти нормальное объяснение темы работы с формами. Поэтому не выходит у меня сделать задание или я просто чего-то не понимаю.
В общем, есть форма с различными полями. Нужно, чтобы все данные, которые были введены в форму и отправлены (причем все данные, даже те, которые были введены до этого) отобразились на другой странице в таблице.
Я не понимаю, как мне выводить данные, которые были введены и до этого и в данный момент, и как мне их вывести в таблицу. Умоляю, помогите.
Сама форма:
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<form action="page.html" name="myForm" method="GET">
    <label for="userName">Имя:</label>
        <input type="text" id="userName" name="name_user" placeholder="Ваше имя" required>
        <br><br>
    <label>Пол:</label>
        <input type="radio" name="gender_user" id="man" required>
        <label for="man">Мужской</label>
        <input type="radio" name="gender_user" id="woman">
        <label for="woman">Женский</label>
        <br><br>
    <label for="userAge">Ваш возраст:</label>
        <select id="userAge" name="age_user">
            <option value="age1">до 18</option>
            <option value="age2">18-20</option>
            <option value="age3">21-25</option>
            <option value="age4">до 30</option>
            <option value="age5">40+</option>
        </select>
        <br><br>
    <label>Ваша любимая музыка:</label>
        <input type="checkbox" id="pop" name="pop_user">
        <label for="pop">Поп</label>
        <input type="checkbox" id="rock" name="rock_user">
        <label for="rock">Рок</label>
        <input type="checkbox" id="other" name="other_user">
        <label for="other">Другое</label>
        <br><br>
    <label for="answer">Как часто Вы посещаете концерты?</label>
        <input type="textarea" id="answer" name="answer_user" placeholder="Введите ответ">
        <br><br>
    <input type="reset" name="" value="очистить">
    <input type="submit" name="" value="отправить">
</form>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 08.10.2017, 18:55
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,726

Если все на голом js нужно реализовать, то можно повесить на все поля формы обработчики, которые будут записывать конечные их значения, например в localstorage.
На другой странице останется только извлечь данные из хранилища и разместить на странице.
Ответить с цитированием
  #3 (permalink)  
Старый 09.10.2017, 08:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,123

Сообщение от Nexus
записывать конечные их значения, например в localstorage
Можно данные передать в самом УРЛ другой странице, а там их обработать...

И это будет работать даже если куки и хранилище отключат.
Ответить с цитированием
  #4 (permalink)  
Старый 09.10.2017, 10:52
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,726

Сообщение от ksa
Можно данные передать в самом УРЛ другой странице, а там их обработать...
Сообщение от MarynaZ
Нужно, чтобы все данные, которые были введены в форму и отправлены (причем все данные, даже те, которые были введены до этого)
ksa, Урла не резиновая, лопнуть может
Ответить с цитированием
  #5 (permalink)  
Старый 09.10.2017, 12:19
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Nexus
Урла не резиновая
Данные такого рода нужно передавать методом POST, не хорошо если без вашего согласия все будут знать какие пирожки вы любите и под какую музыку. Да и возможно понятие "другая страница" можно и исключить.
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отобразить данные формы на другой странице Bumer Events/DOM/Window 10 02.04.2015 18:10
Запомнить данные вводимые в форму, а затем заполнить ими форму на другой странице. Sigizmund2012 Элементы интерфейса 7 09.12.2014 15:35
Перенос данных из таблицы на одной странице в форму на другой. SokDobriy Events/DOM/Window 18 06.12.2014 15:53
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34
Вставка текста с одной страницы в форму на другой странице Dima Общие вопросы Javascript 19 22.01.2009 17:35