HTML フォーム コントロールの無効な属性の読み取り専用と無効の概要

HTML フォーム コントロールの無効な属性の読み取り専用と無効の概要

HTML でフォームの送信を無効にする方法は 2 つあります。

1. コントロールタグにreadonly='readonly'属性を追加します。

2. コントロールタグにdisabled='disabled'属性を追加します。

例えば:

<input type="text" value="" readonly="読み取り専用" /> 
<input type="text" value="" disabled="無効" />

例のコントロールは両方とも編集できません。しかし、違いもいくつかあります。

文字通りの意味から、readonly 属性を持つコントロールは「読み取り専用」であり、disabled 属性を持つコントロールは「無効」であることがわかります。では、それらの違いは何でしょうか?

ユーザーは、マウスやキーボードを使用して読み取り専用コントロール (readonly 属性を使用するコントロール) の値を変更することはできませんが、プログラマーは JavaScript を使用して変更できます。フォームが送信されると、コントロールの名前と値がサーバーに送信され、サーバーに表示されるようになります。

無効なコントロール(disabled 属性を持つコントロール)は、ユーザーがマウスやキーボードで変更できず、サーバーからも見えません。つまり、フォームを送信しても、その名前と値はサーバーに送信されません。もちろん、プログラマーは JavaScript を使用して値を変更することもできます。

これがその違いです。違いを知った上で、どの方法をいつ使うべきかを知り、盲目になってはいけません。

要約する

これで、HTML フォーム コントロールの無効な属性の読み取り専用と無効の違いに関するこの記事は終わりです。HTML 読み取り専用無効の関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。

<<:  JSON.parse と JSON.stringify の使い方の詳細な説明

>>:  MySQLとOracleのメタデータ抽出例分析

推薦する

JavaScript配列の一般的なメソッドの概要

目次1. JavaScriptで配列を作成する方法2. 配列メソッドの概要3. 方法の詳細な説明1....

Vue ポーリング リクエスト ソリューションの完全な例

世論調査の理解実際、ポーリングの焦点はループ自体ではなく、実行間の間隔にあります。 Ajax は非同...

Alibaba Cloud サーバーの購入とインストール方法

1. サーバーを購入するこの例では、購入したサーバーはAlibaba Cloudです。大学生はAli...

js を使用して XML オンライン エディターを作成する例

目次序文オンラインXMLエディタの必要性テクノロジー事前調査ビジュアルプログラミングVSCODEプラ...

Linux で PHP を 5.6 にアップグレードする実用的な方法

1: ターミナルに入ったらPHPのバージョンを確認する php -v出力は次のようになります。 PH...

MySQL のソートとページング (order by と limit) と既存の落とし穴

並べ替えクエリ (order by)電子商取引の場合: 今日完了したすべての注文を表示し、取引金額に...

Vue はチャット ボックスで絵文字を送信する機能を実装します

vueチャットボックスで絵文字を送信し、vueインターフェースで絵文字を送信するための具体的なコード...

MySQL で単一のフィールド内の複数の値を分割および結合する方法

複数の値を組み合わせて表示これで、図1から図2に示す要件が揃いました。 どうやってやるんですか?次の...

divの背景を透明に設定する方法の例

div の背景を透明にする一般的な方法は 2 つあります。 1. 不透明度属性を 0 ~ 1 の値に...

Git サーバーを使用してデバッグ ブランチを表示し、修正する方法を 1 日 1 分で学習します。

デバッグブランチプロジェクトの通常の開発中に、以前にリリースされたバージョンにバグがある場合がありま...

JavaScript における BOM と DOM の詳細な説明

目次BOM (ブラウザ オブジェクト モデル) 1. ウィンドウブラウザのウィンドウサイズを取得する...

数千万データを持つMySQLテーブルを最適化する実践記録

序文まずここで説明させてください。インターネット上では、Alibaba では 500 万のデータを異...

Keras を使って SQL インジェクション攻撃を判断する (例の説明)

この記事では、ディープラーニングフレームワーク keras を使用して、SQL インジェクションの特...

MySQL 接続とコレクションの簡単な分析

結合クエリ結合クエリとは、2 つ以上のテーブル間のマッチング クエリを指し、一般的には水平操作と呼ば...

HTML+CSSで充電水滴融合特殊効果コードを実現

目次序文:成し遂げる:要約:まず効果を見てみましょう: 序文:このアイデアは、Bilibili のア...