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

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

推薦する

JDBC を使用して MySQL を操作するための簡単な分析では、Class.forName("com.mysql.jdbc.Driver") を追加する必要があります。

導入データベースに接続するためにJDBCを使用することに慣れている場合は、データベースに接続するため...

Mysql ファジークエリが大文字と小文字を区別するかどうかの詳細な調査

序文最近、私は小さな個人ブログ プロジェクトを書くのに忙しくしています。 「グローバル検索」機能を実...

JavaScript のシングルトン デザイン パターン

目次1. デザインパターンとは何ですか? 2. デザインパターンの5つの設計原則(SOLID) 3....

JavaScript 配列のマージのケーススタディ

方法1: var a = [1,2,3]; var b = [4,5] b を連結します。 コンソー...

Centos7 のインストールと Mysql5.7 の設定

ステップ1: MySQL YUMソースを取得するMySQLの公式サイトにアクセスして、RPMパッケー...

CSS3 で実装された価格表

結果: 実装コードhtml <div id="価格表" class=&qu...

VirtualBox での CentOS 8.1 仮想マシンのインストールを最小限に抑える詳細なチュートリアル

1. 関連ツールと画像をダウンロードするダウンロードリンクバーチャルボックス: https://do...

CSS3入力ボックスの実装コードはGoogleログインのアニメーション効果に似ています

CSS3を使用して、Googleログインページと同様の入力ボックスをアニメーション化します。効果1 ...

win2008 で mysql8.0.11 を mysql8.0.17 にアップグレードする詳細な手順

アップグレードの背景: MySQLの下位バージョンの脆弱性を解決するために、MySQLはMySQL ...

Vue は検証コードのカウントダウンボタンを実装します

この記事では、検証コードカウントダウンボタンを実装するためのVueの具体的なコードを例として紹介しま...

複数の画像を切り替えるJavaScript

この記事では、複数の画像を切り替えるJavaScriptの具体的なコードを参考までに紹介します。具体...

Nginx ストリーム構成プロキシ (Nginx TCP/UDP ロード バランシング)

序章nginx が優れたリバース プロキシ サービスであることは誰もが知っています。nginx を使...

Mysql接続数の設定と取得方法

接続数を取得する --- 最大接続数を取得します。SHOW VARIABLES LIKE '...

CSS3 で less のテキストの長い影を実装する

この記事では主に、CSS3 LESS で長いテキストの影を実装する方法を紹介し、皆さんと共有します。...