ホームページ ウェブフロントエンド htmlチュートリアル htmlフォームのいくつかの入稿方法まとめ_HTML/Xhtml_Webページ制作

htmlフォームのいくつかの入稿方法まとめ_HTML/Xhtml_Webページ制作

May 16, 2016 pm 04:40 PM
htmlフォーム 投稿方法

最も一般的で最も一般的に使用される方法は、submit タイプを使用することです。コードを確認します。

コードをコピーします
コードは次のとおりです。




さらに、次のような一般的な方法もあります:

コードをコピー
コードは次のとおりです:




を使用します。 JavaScript DOM モデルを使用してフォームを送信するためのリンク:


コードをコピーコードは次のとおりです:
<フォーム名=”フォーム” メソッド=”投稿” アクション=”#”>
送信


このメソッドは実際に JavaScript 関数を呼び出し、その JavaScript 関数を使用してフォームを送信します。任意のタグの onclick イベントに追加します:


コードをコピーしますコードは次のとおりです:
<フォーム名=”フォーム”メソッド=”ポスト”アクション=”#”>

Submit



しかし、フォームに複数の送信ボタンがある場合はどうなるでしょうか?
たとえば、フォーム内の送信ボタンは異なる処理ページを指します。フォームのデータ処理ページはフォームの定義時に決定されるため、フォーム内に複数の送信ボタンを配置するだけでは目的を達成できません。これにはJavaScriptが必要です。
最初に関数を定義します:



コードをコピーします
コードは次のとおりです: < ;script language=javascript>
関数 query(){
form.action=”query.php”;
関数 update(){
form.action="update.php";
form.submit();}


JavaScript を使用してフォームのアクション属性値を変更します。複数の送信を実現できるようにするため、ボタンにはさまざまな機能があります。ページ上のコードは次のとおりです:




コードをコピー

コードは次のとおりです:
🎜>
上記のコードは通常のボタンを使用しており、送信関数はその onclick イベントで JavaScript 関数を呼び出すことで実装されています。
上記の送信メソッドを使用します。フォームの複雑さにはほぼ対応できると思います。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTML フォームで複数のファイルのアップロードを許可する方法 HTML フォームで複数のファイルのアップロードを許可する方法 Aug 28, 2023 pm 08:25 PM

この記事では、HTML フォームで複数のファイルのアップロードを許可する方法を学びます。HTML フォームで複数のファイルのアップロードを許可するには、複数の属性を使用します。電子メールとファイルの入力タイプには、いくつかのプロパティが使用できます。ユーザーが Web サイトにファイルをアップロードできるようにしたい場合は、ファイル選択ボックスとも呼ばれるファイル アップロード ボックスを使用する必要があります。これは &lt;in を使用して作成されます。

HTMLフォームデータをテキストとして取得してhtml2pdfに送信するにはどうすればよいですか? HTMLフォームデータをテキストとして取得してhtml2pdfに送信するにはどうすればよいですか? Sep 06, 2023 pm 12:21 PM

html2pdf は、開発者が html をキャンバス、PDF、画像などに変換できるようにする JavaScript パッケージです。パラメータとして html を受け取り、それを PDF または目的のドキュメントに追加します。さらに、ユーザーは HTML コンテンツを追加した後にドキュメントをダウンロードできます。ここでは、フォームにアクセスし、html2pdfnpm パッケージを使用して PDF にフォームを追加します。フォームデータを PDF に追加するさまざまな例を見ていきます。構文 ユーザーは次の構文に従って、HTML フォーム データをテキストとして渡し、html2pdf に送信できます。 varelement=document.getElementById('form');html2

PHP ファイルのアップロード チュートリアル: HTML フォームを使用してファイルをアップロードする方法 PHP ファイルのアップロード チュートリアル: HTML フォームを使用してファイルをアップロードする方法 Jun 11, 2023 am 08:10 AM

PHP ファイル アップロード チュートリアル: HTML フォームを使用してファイルをアップロードする方法 Web サイト開発のプロセスにおいて、ファイル アップロード機能は非常に一般的な要件です。人気のあるサーバー スクリプト言語として、PHP はファイル アップロード機能を非常にうまく実装できます。この記事では、HTML フォームを使用してファイルのアップロードを完了する方法を詳しく紹介します。 1. HTML フォーム まず、HTML フォームを使用してファイル アップロード ページを作成する必要があります。 HTML フォームでは、enctype 属性を「multipart/form-」に設定する必要があります。

Java を使用して HTML フォームを処理するにはどうすればよいですか? Java を使用して HTML フォームを処理するにはどうすればよいですか? Aug 10, 2023 pm 02:05 PM

Java を使用して HTML フォームを処理するにはどうすればよいですか? HTML フォームは、Web ページで一般的に使用される対話型要素の 1 つであり、ユーザーはこれを介してデータを入力および送信できます。 Java は強力なプログラミング言語として、HTML フォーム データの処理と検証に使用できます。この記事では、Java を使用して HTML フォームを処理する方法をコード例とともに紹介します。 Java で HTML フォーム データを処理する基本手順は次のとおりです: HTML フォームからの POST リクエストを監視および受信する; リクエストのパラメータを解析する; ニーズに応じてデータを処理する

PHP 正規表現: HTML 内のすべてのフォームタグと一致する方法 PHP 正規表現: HTML 内のすべてのフォームタグと一致する方法 Jun 23, 2023 am 10:38 AM

Web 開発では、多くの場合、文字列を照合するために正規表現を使用する必要があります。 HTML では、form タグは非常に重要なタグであるため、ページ内のすべての form タグを取得する必要がある場合、正規表現は非常に便利なツールになります。この記事では、PHP で正規表現を使用して HTML のすべてのフォーム タグを照合する方法を紹介します。 1. HTMLのformタグ formタグはHTMLの中でフォームを作成するための非常に重要なタグです。フォームが使用されています

Ajax 送信メソッド Ajax 送信メソッド Nov 17, 2023 pm 02:55 PM

Ajax 送信メソッドには、GET 送信、POST 送信、PUT 送信、および DELETE 送信が含まれます。詳細な紹介: 1. GET 送信は一般的な送信方法です。URL にフォーム データを追加し、Ajax を使用してリクエストを送信します。GET リクエストはブラウザの履歴に記録できるため、少量のデータに適しています。キャッシュし、次のことができます。複数のページ間でリンクを共有する; 2. POST 送信は、リクエスト本文にフォーム データを含めて Ajax などを使用して送信する、より一般的な送信方法です。

一般的な Ajax 送信メソッドは 5 つあります 一般的な Ajax 送信メソッドは 5 つあります Jan 17, 2024 am 11:09 AM

Ajax の 5 つの一般的な送信方法を学ぶには、特定のコード サンプルが必要です はじめに: Web アプリケーションの開発と、対話性とリアルタイムに対するユーザーの需要の高まりに伴い、Ajax テクノロジはフロントエンド開発に不可欠な部分になっています。 Ajax (Asynchronous JavaScript and XML) は、非同期通信に JavaScript を使用するテクノロジーで、ページ全体を更新せずにサーバーのデータと対話してページのコンテンツを更新できます。アヤックスで

Ajax の 5 つの異なる送信方法を調べる Ajax の 5 つの異なる送信方法を調べる Jan 17, 2024 am 09:51 AM

Web 開発では、Ajax はすでに広く採用されているテクノロジーです。簡単に言えば、Ajax は JavaScript を通じて非同期リクエストを開始し、ページの部分的なコンテンツを更新して更新不要の効果を実現します。ただし、Ajax リクエスト メソッドは GET と POST に限定されません。今日は、Ajax の 5 つの送信メソッドを詳しく説明し、具体的なコード例を示します。 GET リクエスト GET リクエストは、最も一般的な Ajax 送信方法です。それはデータになります

See all articles