入力テキストボックスの入力実装プロパティを無効にする

入力テキストボックスの入力実装プロパティを無効にする
今日は、開発でよく使われる、非常に便利な HTML タグをいくつかまとめてみたいと思います。これらのタグに馴染みのない人は、あまりよく知らないかもしれません。次のタグです。

コードをコピー
コードは次のとおりです。

読み取り専用、無効、オートコンプリート

readonly は、このフィールドの値を変更できないことを意味します。type="text" でのみ使用できます。コピー、選択、フォーカスの受け取りが可能です。背景に値が表示されます。

コードをコピー
コードは次のとおりです。

<input type="text" name="www.xxx" readonly="読み取り専用" />

disabled は、入力要素が無効であることを意味します。編集、コピー、選択、フォーカスの受け取りはできません。背景には値は届きません。

コードをコピー
コードは次のとおりです。

<input type="text" name="www.xxx.com" disabled="無効" />

CSS で入力方法をブロックすることもできます: <input style="ime-mode: disabled">
最後に、よく使われるタグを紹介します。ブラウザは通常、入力ボックスを記録しているので、入力すると、以下のように多くのコンテンツがドロップダウンすることがよくあります。
これを削除する場合は、autocomplete="off" を追加するのが最適です。使用方法は次のとおりです: autocomplete="off"

コードをコピー
コードは次のとおりです。

<input type="text" autocomplete="off" id="number"/>

<<:  Vue3 リストインターフェースデータ表示の詳細

>>:  MySQL に接続する際に Navicat for MySQL が 2005 エラーを報告する問題を解決する

推薦する

MySQL 8の新機能である降順インデックスの基礎となる実装の詳細な説明

降順インデックスとは何ですか?インデックスについてはよくご存知かもしれませんが、降順インデックスにつ...

MySQL で binlog を使用する際のフォーマットの選択方法

目次1. binlogの3つのモード1.ステートメントレベルモード2. 行レベルモード3. 混合モー...

vue-cli 3 で vue-bootstrap-datetimepicker 日付プラグインを使用する方法

需要背景最近、Vue を使用してフロントエンド エンジニアリング システムと組み合わせ、以前のデモを...

tomcat9.exeをクリックするとクラッシュする問題を解決する方法

ある読者から連絡があり、ダウンロードが終了し、操作がまだ開始されていないのに、なぜ Tomcat の...

MySQL データのバックアップと復元のサンプル コード

1. データのバックアップ1. mysqldumpコマンドを使用してバックアップするmysqldum...

パスワードログインなしのLinux構成スタンドアロンおよびフルディストリビューションの詳細なチュートリアル

目次1: 単一マシンのパスワードフリーログイン構成1. 仮想マシンのホスト名を設定する2. 仮想マシ...

Linux ネットワーク システムの紹介

目次ネットワーク情報ホスト名を変更するDNSドメイン名解決ネットワーク関連コマンドファイアウォール暗...

Dockerコンテナの起動失敗を解決する方法

質問: コンピュータを再起動した後、docker の mysql コンテナを再起動できません。原因が...

CSS のみを使用して折りたたまれたヘッダー効果を作成する方法の例コード

折りたたまれたヘッダーは、特別オファーや重要なお知らせなど、ユーザーにとって重要な情報を表示するのに...

Linuxでプロセスが占有するポート番号を表示する

Linux システム管理者にとって、サービスがポートに正しくバインドされているか、またはポートをリッ...

HTML で入力プロンプトのテキスト スタイルを変更するためのサンプル コード

多くのウェブサイトでは、入力ボックスにヒントテキストが表示されています。入力ボックスにヒントテキスト...

MySQLのSeconds_Behind_Masterの詳細な説明

目次マスターの後ろの秒数オリジナルの実装最終マスタータイムスタンプマスターとのクロック差他の実行時間...

Zabbixで監視する必要があるホストを追加するための詳細な手順

監視ホストの追加ホスト 192.168.179.104 が zabbix 監視項目に追加されます (...

JSデータ型検出のさまざまな方法の概要

目次背景データ型を決定する方法は何ですか? 1. typeof を使用して基本データ型を決定します。...

Linuxのファイル操作の知識ポイントを詳しく解説

ファイル操作に関連するシステムコール作成するint creat(const char *ファイル名,...