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

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

推薦する

nginx共有メモリの仕組みの詳細な説明

Nginx の共有メモリは、高いパフォーマンスを実現できる主な理由の 1 つであり、主にファイル キ...

Linux mysql-5.6 でルート パスワードをリセットする方法

1. MySQL サービスが起動しているかどうかを確認します。起動している場合は、MySQL サービ...

CSS で垂直方向の中央揃えを行う 7 つの方法の詳細なコード例

レイアウトを編集するとき、通常は水平センタリングと垂直センタリングを使用してデザインします。水平セン...

W3C チュートリアル (15): W3C SMIL アクティビティ

SMIL は、Web にタイミングとメディアの同期のサポートを追加します。 SMIL は、Web に...

Vue2 キューブUI 時間セレクターの詳細な説明

目次序文1. 需要と効果必要効果2. コードの実装index.vue(html)日付方法テスト結果3...

Dockerはdockerfileを使用してnode.jsアプリケーションを起動します

Dockerfileの作成expressによって自動的に作成されたディレクトリを例にとると、ディレク...

MySQL SQL文の特殊処理文のまとめ(必読)

1.テーブル全体を更新します。データ行の列の値が空の場合は、別の列フィールドの値と同じにします。 ...

いくつかの重要なMySQL変数

MySQL 変数は数多くありますが、その中には注目に値するものもあります。ここでは、参考までに、注目...

CSS を使用して固定ナビゲーションと左右スライドを備えたスクロール バーを作成する方法

上に示すように、ナビゲーションは上部に固定されており、左右にスライドしてさらにオプションをクリックで...

JavaScript における this ポイントの問題の詳細な説明

要約する地球環境 ➡️ ウィンドウ通常関数 ➡️ ウィンドウまたは未定義コンストラクター ➡️ 構築...

Linux のインスタンスにパブリック IP アドレスを割り当てる方法

説明するこのインターフェースを呼び出すときは、次の点に注意する必要があります。パブリック IP アド...

MySQL が my.cnf を読み込む順序の詳細

目次MySQLがmy.cnfを読み込む順序1. mysql.server の起動方法2. mysql...

純粋な CSS3 マインドマップ スタイルの例

マインドマップ彼はおそらく次のように見えるでしょう: インターネット上の実装のほとんどは d3.js...

インターフェースなしで Centos7 に JDK と Tomcat をデプロイするチュートリアル

1. xshell6をインストールする2. サーバー接続を作成し、ユーザー名とパスワードを入力します...

MySQLクエリのソートとページング関連

概要通常、データベース内のデータを直接表示することは望ましくないため、最後の 2 つのセクションでは...