テキスト入力を使用してクライアントサイドのみのWebページを保存するにはどうすればよいですか?

私はJavascriptバックエンドで簡単なWebページを作った。私は、ユーザーがフォームフィールドに多数のデータを入力してからページを保存できるようにしたい。 PDF、HTMLは問題ではありません。ユーザーのすべてのデータを含むページを保存したいだけです。

これはクライアント側のみでなければならないので、私は人々にそれを使用するためにサーバをセットアップする必要はありません。

0
たぶんJavascriptはフォーム要素をその値に置き換えて、HTMLページを保存することができます。あるいは、JSは、データ入力のためにプレーンテキストで保存することを提案することができます。それは働くだろうか?
追加された 著者 Jonathan Allard,
私はあなたの最初のアイデアを考えましたが、Javascriptがページを追加したり変更したりすると、ソースには含まれません - そのように保存することはできません:( 2番目のオプションは良いと思います。私はそれをどうやって実装するのかをよく知っています。
追加された 著者 CobraBytez,

1 答え

ブラウザのセキュリティ機構では、クッキーを除いたファイルを作成することはできません。だから、Google JavaScriptクッキーとその使い方が必要な場合があります。

あなたの最初のフォームに2ページを持って、それを2ページ目に提出してください。

<form action="second_page.html" method="GET"> <!-- Other stuff --> </form>

GET will send data as a part of the URL to the second page.

2番目のページでURLを解析してユーザーが設定した変数を取得するには、 this をクリックします。 DHTML/JavaScriptを使用して、取得した値を希望の形式に表示します。

1
追加された
@CobraBytez AFAIK、HTMLはネストされたフォームをサポートしていません! :(読んでください: stackoverflow.com/questions/379610/can -you-nest-html-forms
追加された 著者 check123,
それは始まりですが、私はそれに沿ったフォーマット、必要ならばウェブフォームの「かわいらしさ」が必要です。
追加された 著者 CobraBytez,
最悪のシナリオではうまくいくでしょう。私が大量の小規模なフォームを大量のメインの不可視フォームで囲む​​と、GETは内部フォームのデータもすべて取りますか?
追加された 著者 CobraBytez,
私が持っていたものよりもうまくいって、助けてくれてありがとう!
追加された 著者 CobraBytez,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript