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

フォーム要素属性の読み取り専用と無効の使用の比較
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 でデスクトップ アプリケーションを作成するためのサンプル コード

推薦する

Centos7 システムでの .NET Core 2.0 + Nginx + Supervisor 環境の構築

1. Linux .NET Core の紹介Microsoft は常に自社のプラットフォームに対して...

本番環境でのMySQLパラメータsql_safe_updatesの使用に関する詳細な説明

序文アプリケーションのバグや DBA の誤操作が発生した場合、テーブル全体が更新される可能性がありま...

MySQL 5.7.17 でパスワードを忘れた場合の対処方法

1. my.iniファイルにskip-grant-tablesを追加し、MySQLサーバーを再起動し...

vue3 プロジェクトを素早く構築し、関連機能を紹介する vite+ts の詳細な説明

目次ヴィテ建てる構成vite.config.tsルーターtsタイプvue3 の知識設定小道具コンテク...

nodejsとyarnをインストールし、Taobaoソースプロセスレコードを構成する

目次1. nodejsをダウンロードする2. ダブルクリックしてインストール3. グローバル npm...

Vue プロジェクトにおけるトランジション コンポーネントの適用の概要

​Vue のトランジションは、アニメーション トランジションをカプセル化するコンポーネントです。一般...

MySQL 8.0.14 のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.14のインストールと設定のプロセスを記録しています。具体的な内容は...

MySQLにおけるテーブルインデックスの定義方法と導入

概要インデックスは、テーブル内の 1 つ以上の列に基づいて DBMS によって特定の順序で作成される...

nginx の default_server 定義とマッチングルールの詳細な説明

nginx の default_server ディレクティブは、server_name と一致しない...

sqlとmysqlの違いは何ですか?

SQL とは何ですか? SQL はデータベースを操作するために使用される言語です。 SQL はすべ...

光沢のある輝くウェブサイトデザインの感動的なデザイン例

このコレクションには、あなたのデザインアイデアにインスピレーションを与える、輝いて光沢のある、優れた...

CSS3を使用してオンラインライブ放送に似たキューアニメーションを実装する方法

以前、グループの友人が質問しました。つまり、ミニプログラムでユーザーがオンラインになったときに、ライ...

ES6スプレッド演算子の使用例

目次スプレッド演算子とレスト演算子とは何ですか?配列スプレッド演算子残り演算子(コレクション関数)ス...

丸い角や鋭い角を表現するために、絵の代わりに文字を使用する研究

Google Gmail ページから撮った次のスクリーンショットをご覧ください (同じ場所からスクリ...

MySQL での重複キー更新時の replace into と insert into の使用法と相違点の分析

この記事では、MySQL での重複キー更新時の replace into と insert into...