Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTMLフォームとは何ですか？それらの使用方法は？

サイト訪問者からデータを収集するには、HTMLフォームが必要です。たとえば、学生が大学のWebサイトに登録しているときに、名前、年齢、住所、マークなどの情報を収集します。

フォームはサイト訪問者から入力を受け取り、CGI、ASPスクリプト、PHPスクリプトなどのバックエンドアプリケーションに送信します。バックエンドアプリケーションは、アプリケーション内で定義されたビジネスロジックに基づいて、渡されたデータに対して必要な処理を実行します。

HTMLの

タグは、HTMLでフォームを作成するために使用されます。

HTMLフォームとは何ですか？それらの使用方法は？

上に示したように、いくつかの属性を使用しました。フォームの属性は次のとおりです

HTMLフォーム属性

HTMLフォームの属性は次のとおりです

S.No 属性と説明
1 アクション 渡されたデータを処理する準備ができているバックエンドスクリプト。
2 方法 データのアップロードに使用する方法。最も頻繁に使用されるのは、GETメソッドとPOSTメソッドです。
3 ターゲット スクリプトの結果が表示されるターゲットウィンドウまたはフレームを指定します。 _blank、_self、_parentなどの値を取ります。
4 Enctype enctype属性を使用して、ブラウザがデータをサーバーに送信する前にデータをエンコードする方法を指定できます。可能な値は次のとおりです。
application / x-www-form- urlencoded −これは、ほとんどのフォームが単純なシナリオで使用する標準的な方法です。
mutlipart / form-data −これは、画像、Wordファイルなどのファイルの形式でバイナリデータをアップロードする場合に使用されます。


HTMLフォームコントロール

テキスト入力、チェックボックス、ラジオボックス、ファイル選択ボックス、送信ボタンなどのデータを収集するために、さまざまなタイプのフォームコントロールを使用できます。

HTMLフォームのタグを使用してユーザー入力を取得する簡単な例を見てみましょう：

例

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Forms</title>
   </head>
   <body>
      <form>
         Student Name: <input type = "text" name = "sname" /><br>
         Student Subject: <input type = "text" name = "ssubject" />
      </form>
   </body>
</html>

上記のコードを使用して、名前と件名のユーザー入力を取得します。

属性タイプを使用しました および名前 。 タグ

の他のすべての属性を見てみましょう
Sr.No
属性と説明
1 タイプ 入力コントロールのタイプを示し、テキスト入力コントロールの場合はテキストに設定されます。
2 名前 認識されて値を取得するためにサーバーに送信されるコントロールに名前を付けるために使用されます
3 値 これは、コントロール内の初期値を提供するために使用できます。
4 サイズ テキスト入力コントロールの幅を文字数で指定できます
5 maxlength
ユーザーがテキストボックスに入力できる最大文字数を指定できます。

  1. Google アシスタント ルーチンとその設定方法

    Google アシスタントのルーチンは、ユーザーが特定のフレーズを言うたびに Google アシスタントが自動的に実行する一連のアクションです。 6 つの既製の Google アシスタント ルーチンのいずれかを使用することで、この機能を簡単に使い始めることができます。ただし、クリエイティブになりたい場合は、Google アシスタントが実行できる一連のアクションを実行するカスタム Google アシスタント ルーチンを設定できます。 この記事では、既製の 6 つのルーティンを紹介し、独自のカスタム Google アシスタント ルーティンを設定して 1 日を自動化する方法を紹介します。 Goo

  2. Windows Sysinternals:その概要と使用方法

    Windows コンピューターを完全に制御したいと思ったことはありませんか?ほぼすべての Windows プロセスまたはアプリケーションの内部を確認できるだけでなく、アプリケーションがアクセスしているファイルやレジストリ エントリをリアルタイムで表示できるというのは素晴らしいことです。 最も評判が良く強力な Windows システムおよび管理ツールキットの 1 つは Sysinternals です。ほとんどのユーティリティは単純な EXE ファイルであり、USB フラッシュ ドライブに配置することで、システム管理用の Windows ポータブル アプリのコレクションに追加できます。 Wind