フォーム要素属性の読み取り専用と無効の使用の比較

フォーム要素属性の読み取り専用と無効の使用の比較
1) 適用範囲:
読み取り専用:input[type="text"],input[type="password"],input[type="teaxtarea"]
無効: 選択、ラジオ、チェックボックス、ボタンなどのすべてのフォーム要素。

2) 操作:
読み取り専用: ユーザーは操作を変更することはできず、他の操作には影響しません。
無効: ユーザーのクリックイベントやフォーカスイベントを含むすべてのユーザー操作を禁止します

3) フォームの送信:
読み取り専用: フォーム要素の値をサーバーに送信できます。
無効: フォーム要素の値はサーバーに送信されません。つまり、サーバーはこのフォーム要素の値を取得できません。

一般的な用途:

a> フォームでは、ユーザー固有の識別コードが事前に入力されており、ユーザーはそれを変更できませんが、送信時に値を渡す必要があります。この場合、その属性を設定する必要があります。

読み取り専用です。

b>フォームの重複送信を防ぎ、フォーム送信後に JavaScript を使用して送信ボタン (フォーム ボタン) を無効にします。

c>チェックボックスとラジオボタンを読み取り専用に設定します。jQuery の bind("click",function(){return false;}) などのデフォルト イベントを無効にします。

<<:  CSS を使用して固定左列と適応右列の 2 列レイアウトを実現する 4 つの方法

>>:  vue + Electron でデスクトップ アプリケーションを作成するためのサンプル コード

推薦する

Blazor における CSS 分離の問題

1. 環境VS 2019 16.9.0 プレビュー 1.0 .NET SDK 5.0.100 2. ...

Docker で複数のアプリケーション サイトをプロキシするために Nginx を使用する方法

序文エージェントの役割は何ですか? - 複数のドメイン名が同じサーバーに解決される- 1つのサーバー...

複数ページ通信を実現する JavaScript の sharedWorker の詳細な例

こんなことがありました。今日はGitHubで遊んでいました。最初はログインせずにいくつかのページを閲...

SpringBoot アプリケーションの Docker デプロイメントの実装手順

目次序文DockerファイルDockerfile とは何ですか? Dockerfile 構文Spri...

crontab スケジュールされたタスクが実行されない理由の分析と解決

序文Linux のスケジュールされたタスクを実装する方法としては、cron、anacron、at な...

Mysql一時テーブルの原理と作成方法の分析

この記事は主にMysql一時テーブルの原理と作成方法を紹介します。この記事のサンプルコードは非常に詳...

Node.js を使用して png 画像に透明なピクセルがあるかどうかを判断する方法

背景PNG 画像は jpg 画像よりも多くのストレージスペースを占有しますが、PNG 画像の品質は大...

tomcat9.exeをクリックするとクラッシュする問題を解決する方法

ある読者から連絡があり、ダウンロードが終了し、操作がまだ開始されていないのに、なぜ Tomcat の...

JSアルバム画像の揺れと拡大表示効果のサンプルコード

前回の記事では、JS を使って簡単な揺れ効果を実現する方法を紹介しました。ご興味があればクリックして...

CSS の無効な行の高さ設定の問題の解決策

CSS の無効な行の高さ設定についてまず、次のコード文字列を記述します。 <!DOCTYPE ...

Centos6.5 の rpm パッケージから mysql5.7 をインストールするときに発生する初期化エラーの解決策

1. rzをサーバーにアップロードして解凍する rz [root@mini2 アップロード]# ta...

Reactプロジェクトで画像を導入するいくつかの方法

imgタグは画像を導入しますreactは実際にはjsリーダー関数を介してページをレンダリングするため...