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

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

推薦する

Linux CentOS でスケジュールされたバックアップ タスクを設定する方法

実装準備 # ファイルパスをバックアップする必要があります: /opt/apollo/logs/ac...

CSSポジションの5つの異なる値の使い方の詳細な説明

位置プロパティposition プロパティは、要素に使用する配置方法のタイプ (静的、相対的、固定、...

MySQL での一時テーブルの使用例

ここ2日間ちょっと忙しくて、公式アカウントも数日更新が止まってしまいました。その結果、何人かの読者か...

Dockerボリューム削除操作

プルーンこのコマンドを使用するには、クライアントとデーモンの両方の API バージョンが少なくとも ...

Linux のハードリンクとソフトリンクの区別

Linux には、2 種類のファイル接続があります。1 つは Windows のショートカットに似て...

...

in() の ID の順序に従った Mysql クエリ結果の順序の詳細な説明

in() の ID の順序に従った Mysql クエリ結果の順序の詳細な説明コード例: <se...

MYSQL スロークエリとログの例の説明

1. はじめにスロークエリログを有効にすると、MySQL は指定された時間を超えるクエリステートメン...

Javascriptの基本ループの詳しい説明

目次サイクルのために入室のためのその間しながら行うループから抜け出す要約するサイクルのためにループは...

MySQL の低速クエリの最適化: 理論と実践からの制限の利点

多くの場合、クエリの結果は最大で 1 つのデータ レコードになることが予想されます。この場合、制限 ...

MySQL の 4 つのトランザクション分離レベルの詳細な説明

この実験のテスト環境: Windows 10+cmd+MySQL5.6.36+InnoDB 1. ト...

nginx で複数の仮想ホストを設定する方法の例

nginx で仮想ホスト vhost を設定すると非常に便利です。 nginx設定ファイルnginx...

vite2.x は ant-design-vue@next コンポーネントのオンデマンド読み込みを実装します。

1. 使用バージョンバイト:2.0 ant-design-vue: 2.0.0-rc.8ヴュー:3...

Centos7 で Java8 と MySQL をインストールしてデプロイする

通常、Java の学習とプロジェクトのデプロイはローカルで行われますが、実稼働環境は Linux 環...

HTML テーブルタグチュートリアル (44): テーブルヘッダータグ

<br />ソース コード内で表の構造を明確に区別するために、HTML 言語では、表のヘ...