ボタンと送信の違いの概要

Jul 19, 2017 pm 01:20 PM
button quot type

ページにボタンを描画するには 4 つの方法があります:

これはボタンです。 JavaScriptを書かないと押しても何も起こりません。

このようなボタンは、それを防ぐための JavaScript を記述しない限り、ユーザーがクリックすると自動的にフォームを送信します。

<ボタン> このボタンをフォームに配置すると、クリックすると自動的に送信されます。ボタンのコンテンツにはテキストだけでなく、画像やその他のマルチメディア コンテンツも含めることができます。 (もちろん、最初の 2 つは写真の背景を使用して行うこともできます)。この欠点は、ブラウザごとに取得される値が異なることです。ブラウザの互換性の問題が発生する可能性があります (Ge Liang)。

その他のタグ (a、img、span、div など) を使用し、画像を使用してボタンとして偽装します。

Submit はフォームを送信するために特別に使用される Button です。Button との主な違いは 2 つあります:
Type=button は単なるボタン機能です
Type=submit はフォームを送信します
(1) Submit はフォーム (form. submit()) onclick後のデフォルトイベントとして、Buttonはこんな感じではありません
(2)フォームが送信されると、name属性を持つすべてのHTML入力要素(inputタグ、buttonタグ、selectタグなどを含む)がSubmit オブジェクトを除き、キーと値のペアとして送信されます。 Submit オブジェクトは、クリックされた後の送信でキーと値のペアとしてのみ送信されます。
ただし、WEB UIに携わる人は、ページの使いやすさを向上させるためにsubmitの使用に注意する必要があります:

submitを使用すると、ページはキーボードのEnterキー操作をサポートしますが、多くのWEBソフトウェア設計者はsubmitが

ボタンを使用した後、ページが Enter キーをサポートしていないことがよくあります。したがって、Enter キーをサポートする必要がある場合は、デフォルトで、ページの最初の送信時に Enter キーが機能するように設定する必要があります。


onClickを実行したらアクションに移ります。 onClick なしで自動的に送信できます。したがって、ここでは onclick は必要ありません。

onClick実行後はjsファイルでジャンプファイルを制御します。送信には onClick が必要です。
例:
1. onclick="form1.action='a.jsp';form1.submit();" これによりsubmit関数が実現されます。

もっとわかりやすく言うと、submit にはジャンプがあり、ページが更新されますが、ボタンは更新されず、単に

以上がボタンと送信の違いの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の 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でボタンのサイズと色を設定する方法 Mar 05, 2021 pm 05:16 PM

HTML では、width 属性と height 属性を使用してボタン要素のサイズを設定し、background-color 属性を使用してボタン要素の色を設定できます。具体的な構文は「button{width: width value; height:」です。高さの値;背景色:色の値;}"。

Ubuntu のモバイル ハードディスク エラーの解決: ファイル システム タイプ exfat が不明です Ubuntu のモバイル ハードディスク エラーの解決: ファイル システム タイプ exfat が不明です Jan 05, 2024 pm 01:18 PM

Ubuntu がモバイル ハードディスクをマウントするとエラーが発生します: mount:knownfilesystemtype'exfat' 処理方法は次のとおりです: Ubuntu13.10 または exfat-fuse をインストール: sudoapt-getinstallexfat-fuseUbuntu13.04 以下 sudoapt-add-repositoryppa:relan /exfatsudoapt-getupdatesudoapt-getinstallfuse- exfatCentOS Linux マウント exfat フォーマットの USB ディスク エラー解決方法 CentOS で extfa をロードする

Go での Type キーワードの用途は何ですか? Go での Type キーワードの用途は何ですか? Sep 06, 2023 am 09:58 AM

Go での Type キーワードの使用には、新しい型エイリアスの定義または新しい構造型の作成が含まれます。詳細な導入: 1. 型エイリアス。既存の型のエイリアスを作成するには、「type」キーワードを使用します。このエイリアスは新しい型を作成しませんが、既存の型に新しい名前を提供するだけです。型エイリアスはコードを改善できます。コードの可読性により、コードがより明確になります; 2. 構造タイプ。新しい構造タイプを作成するには、「type」キーワードを使用します。構造は、複数のフィールドを含むカスタム タイプを定義するために使用できる複合タイプです。

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

Linux系コマンド Linux系コマンド Mar 20, 2024 pm 05:06 PM

このガイドでは、Linux の「type」コマンドについて詳しく学習します。前提条件: このガイドで説明する手順を実行するには、次のコンポーネントが必要です。 適切に構成された Linux システム。テストと学習を目的とした LinuxVM の作成方法をご覧ください。コマンド ライン インターフェイスの基本的な理解 Linux の Type コマンドは、他の Linux 固有のコマンド (例: ls、chmod、shutdown、vi、grep、pwd など) とは異なります。引数として表示される Bash 関数。提供されるコマンド タイプに関する情報。 $type Bash に加えて、他のシェル (Zsh、Ksh など) も付属しています。

Redis の種類とエンコーディングの原則と使用法は何ですか? Redis の種類とエンコーディングの原則と使用法は何ですか? May 29, 2023 pm 04:21 PM

概要 Redis は、さまざまなシナリオで広く使用されているオープンソースの高性能キー/値データベースです。 Redisでは、データ型(type)とエンコーディング(encoding)は非常に重要な概念です。このブログでは、Redis でサポートされるデータ型、対応するエンコード方法、および基礎となる実装原則について詳しく紹介します。 Redis キーの内部エンコーディングを表示するには、Redis コマンド OBJECTENCODINGkey を使用できます。このうち key はクエリしたいキー名です。たとえば、mykey という名前のキーの内部エンコードをクエリする場合は、次のコマンドを実行できます: 127.0.0.1:6379&gt;objectencodin

DeepSeekアカウントを登録するときに必要な情報は何ですか? DeepSeekアカウントを登録するときに必要な情報は何ですか? Mar 12, 2025 pm 02:33 PM

必要な情報:1。登録。携帯電話番号登録。登録が成功した後、通常、ニックネーム、性別、誕生日などの基本的な個人情報を入力する必要があります。

idea で SpringBoot プロジェクトを作成する場合、タイプ選択 Maven プロジェクトと Maven pom の違いは何ですか? idea で SpringBoot プロジェクトを作成する場合、タイプ選択 Maven プロジェクトと Maven pom の違いは何ですか? May 16, 2023 pm 04:52 PM

1) アイデアを開いて SpringBoot プロジェクトの作成を開始します 2) SpringInitializr を選択し、適切な jdk バージョンを選択して、「次へ」をクリックします [タイプ] オプションを操作する場合、次の 4 つのプロジェクト タイプから選択できます: MavenProject (GenerateaMavenbasedprojectarchive) MavenPOM (GenerateaMavenpom. xml) GradleProject (Gradle ベースのプロジェクト アーカイブを生成) )GradleConfig(Gradlebuildfile を生成)

See all articles