実用的な情報が満載のJavaScript Webフォーム機能通信

1. はじめに

先ほど、フロントエンドの表示の問題について説明しました。では、前のコンテンツに戻って、フォーム操作を充実させましょう。

2. 本文

これまでのコンテンツを通じて、皆さんはideaの環境設定についてすでによくご存知だと思いますので、

環境設定についてはこれ以上説明しません。まだ理解できない学生は、私の最初の記事で関連する内容を見つけることができます。

次に、図に示すように直接実行します。

これが私たちが最初にやったことです。

アカウントとパスワードを入力すると、この Web ページに表示されます。これは見たくないものです。

フォームにmethod=" post"を追加するだけです

method=" post"は暗号化された送信です。私たちが書き込みます。書き込まなかったり取得しなかったりすると、公開送信になります。実行後

現時点では、送信後にアカウントとパスワードは表示されません。

実際、図に示すように、暗号化されていない送信は日常的な検索では非常に一般的です。

提出後、結果が全く出ず、とても不安だったので、

   <script type="text/javascript">
        関数submit() {
         alert("送信に成功しました")
        }
    </スクリプト>

アクション後の名称は任意であり、アラートに表示される内容も任意です。

この機能を追加する

実行後、入力して送信をクリックすると取得でき、OKをクリックすると正常に送信されます。

リセットポイントでもプロンプトを表示したい場合も、原理は同じです。

リセットボタンはここにあります:

記述された関数は対応している必要があることに注意してください:

実行後: リセットをクリック

正常にクリアするには、[OK] をクリックします。

アカウントとパスワードを入力するときに、ボックスが大きすぎたり小さすぎたりすると感じたら、テキストボックスの長さを制御できます。

サイズを使って制御できます

アカウントはサイズで制御され、パスワードはデフォルトの長さです。比較してみましょう。

長さは明らかに異なるので、テキストボックスの長さを制御します

すると、テキスト ボックスの長さを制御するだけでは十分ではないことがわかります。たとえば、テキスト ボックスに含めることができる数字の数に制限を設定するとします。maxlength="" を使用して、テキスト ボックスの長さを制限できます。

実行後、確認してみると確かに可能でした。5桁目以降は失われませんでした。

maxlength は文字通り最大長を意味し、非常に覚えやすいです。

複数行テキストボックス入力: textares、多くの情報を入力できます

JavaScript Web フォーム機能に関するこの記事はこれで終わりです。JavaScript Web フォームに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。