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のメタデータ抽出例分析

推薦する

UI を通じて Docker を管理する方法

Docker はますます多くのシナリオで使用されています。コマンドラインツールに慣れていない人にとっ...

vue3.0+echarts は 3 次元の縦棒グラフを実現します

序文: Vue3.0はechartsの3次元縦棒グラフを実装します結果: 実装手順: 1. echa...

MySQL 5.7 でパスワードを変更するときに発生する ERROR 1054 (42S22) の解決方法

MySQL 5.7 を新しくインストールしました。ログインすると、パスワードが間違っているというメッ...

docker に php-fpm サービス/拡張機能/構成をインストールする詳細なチュートリアル

macにbrewを使ってphp56をインストールしたところ、 opensslがバージョン1.1だった...

mysql explain(分析インデックス)の使い方の詳しい説明

EXPLAIN は、MySQL がインデックスを使用して選択ステートメントを処理し、テーブルを結合す...

CSS3 の新しいレイアウト: flex の詳細な説明

Flexの基本概念フレックス レイアウト (フレックスはフレキシブル ボックスの略)、エラスティック...

Linux で測位バックグラウンド サービスが時々クラッシュする問題の解決方法

問題の説明最近のバックグラウンドサービスでは、特定の命令の要求データをディスクに保存する新しい機能が...

Zabbix カスタム監視 nginx ステータス実装プロセス

目次Zabbix カスタム監視 nginx ステータス1. ステータスインターフェースを開く2. 監...

最も完全なpackage.json分析

目次1. 概要2. 名前フィールド3. バージョンフィールド4. 説明フィールド5. キーワードフィ...

高度な JavaScript フロントエンド開発でよく使用されるいくつかの API の例の詳細な説明

目次ミューテーションオブザーバーAPI特徴インターセクションオブザーバーAPI例えば画像の遅延読み込...

WeChatアプレットリクエストの前処理方法の詳細な説明

質問一部のページでは、onload でデータを要求してからビューをレンダリングするため、ミニプログラ...

MySQL準備原理の詳細な説明

準備のメリットPrepare SQL が生成される理由。まず、MySQL サーバー上で SQL を実...

複数のドメイン名、ポート、IP仮想ホストに基づくNginx構成

1. タイプの導入1.1 ドメインベースの仮想ホスティングいわゆるドメイン名ベースの仮想ホストとは、...

Docker コンテナで DockerFile を使用して複数の Tomcat サービスをデプロイする手順

1. [admin@JD ~]$ cd opt #ルートディレクトリにoptと入力2. [admin...

Vue+Openlayer で select を使用して要素を選択する実装コード

効果画像: 実装コード: <テンプレート> <div id="map&q...