フォームメソッドやアクションなしで視覚的に表示される入力フィールド自体に入力値をどのように保存しますか

私は入力とフォームアクションの内部動作に少し慣れています。しかし、私はこれを理解しようとして精力的に勉強してきました。たぶん、正しい方法を研究していないのですが、私は、毎日のように保存され、ユーザー名やパスワードなどの入力。しかし、もう一度、保存ボタンが個別の入力で個別の保存ボタンをクリックすると、ユーザー名とパスワードが表示されたままになるようにします

だから、私はPHPファイルのウェブページにいくつかの入力フィールドを作成したいと思っています。これらの入力により、私と一緒に作業する他のユーザーは、ユーザー名、パスワード、その他のメモを保存できます。

このコードから始めましょう。

<section>               
<div id="#" class="input-notediting">
   <input type="text" value="" id="first-input" class="input-notediting">
</div>
<button class="save-button" onclick="saveField()">
<i class="fa fa-floppy-o"></i>
</button> 
</section>

セクションタグ内に含まれる1つの入力と1つの保存ボタン。また、1つのセクション内に含まれる入力がより多くなる場合がありますが、..

あなたの多くが私に

<form method="post" action="">

入力を含めるため。それに反対するつもりはありませんが、フィールドをphpスクリプトに保存するためにajaxコードを使用する他の回避策を見てきました。

申し訳ありませんが、これはここでの私の特定の問題と質問に対するこの時点での作業方法を基本的に知っているすべてのコードです。

しかし、入力データをphpファイルまたはmySQLデータベーステーブルに保存するには、jQueryを使用する必要があると確信しています。

基本的にこれを機能させる方法は、ユーザーが保存ボタンをクリックして入力を保存すると、他の人が値を変更するか物理的に削除するまで、値は入力フィールドにとどまります。また、可能であればページを更新しない保存ボタンをクリックするか、ダイアログボックスを表示するか、保存が成功した場合に、これが機能することを期待しています。きれいできれいにしたい、それが機能していると信じて、2日後にページをリロードしても、保存したテキストはまだそこにあります。

私の研究は、多くの異なるタイプのソリューションを示しています。再ソートのようなもの-mySQLテーブルまたはphpファイルのスクリプト変数の内容を

<input vale="<?php echo (""); ?>">

多分こんな感じ

他の研究では、私の探求に必ずしも適切ではない奇妙な回避策を指摘していますが、

<form method="post" action="">

動作して必要な場合は再度行うことに反対していませんが、送信アクションでページをリロードしないことを本当に望んでいますが、それを試してみましたが、何らかの理由でフォームを取得できません私がとにかくいたページに私を連れ戻す行動は、それも悪臭を放ちます、私はそれがいつもうまくやったことを知っていますが、私はまだどうするかわかりません。

ここで高度なソリューションが欲しいです。みんな、ありがとう。

私を助けてください、私はこれを行うための大規模なプロジェクトを持っているので、非常に感謝し、常に私ができるすべてを学び続けます。私は多かれ少なかれhtmlとcssのエキスパートですが、フォームと入力関数とデータベースを扱うことは最近私にとってほんの少しです。