Как передать текст из формы от одного Html к другому?

Question

[Salim]

надо чтобы то что пользователь написал в "логин" перенеслось в другой html файл и там написалось в div.

пробовал вот так:

document.forms.publish.onsubmit = function () {
    var message = this.login.value;
    document.getElementById("messageBox").innerHTML = message;
    return false;
};

форма выглядит вот так :

<form name="publish">
            <div class="input-box">
                <input type="text" name="login" id="login" required>
                <label>Username</label>
            </div>

            <div class="input-box">
                <input type="password" name="password1" id="password" required>
                <label>Password</label>
                <div id="toggle" onclick=" showHide();"></div>
            </div>
            <input type="submit" value="Sign in">
        </form>

Comments

[Алексей Ярков]

перенеслось в другой html файл и там написалось в div.

Как вы это без бэкенда представляете?

[Salim]

Алексей Ярков, я думал это возможно сделать с помощью JavaScript , а чтобы написать в бэкенд надо использовать PHP ?

[Алексей Ярков]

salim verdiyev,

а чтобы написать в бэкенд надо использовать PHP ?

Не обязательно. Можно и JavaScript с Node.js.

[Vitaliy Jakim]

Учитывая что форма не отправляется, возможно есть необходимость просто куда-то выводить введенные данные, для этого примера накидал в jsfiddle реализацию

Answer 1

[Vitaliy Jakim]

Я предполагаю что у вас
var message = this.login.value;
этот кусок кода возвращает пустоту, потому что this в этом контексте это не DOM Document и он может ничего не вернуть, точнее не возвращает то что вы ожидаете.

Посмотрите вывод в консоли переменной this. в этом же примере

https://jsfiddle.net/JakimOFF/2om03hwd/1/

Comments

[Vitaliy Jakim]

читайте доку и/или справочники об "область видимости переменных"

https://itchief.ru/javascript/scope-and-context

[Salim]

Vitaliy Jakim, вот так работает но как сделать если id="messageBox" находится в другом html файле?

[Vitaliy Jakim]

salim verdiyev, если в другом файле то только серверными языками программирования можно это сделать.
php
nodejs
Pyton
etc.