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

入力テキストボックスの入力実装プロパティを無効にする
今日は、開発でよく使われる、非常に便利な 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 エラーを報告する問題を解決する

推薦する

Vue実戦記録のログインページの実装

目次1. 事前準備1.1 Node.jsをインストールする1.2 webpackをインストールする1...

Linuxアカウントファイル制御管理の詳細な手順

Linux システムでは、ユーザーが手動で作成したさまざまなアカウントに加えて、システムまたはプログ...

Docker プライベート サーバー イメージを定期的にクリーンアップする方法

CI を利用してリリース用の Docker イメージをビルドすることで、全員のバージョンリリース効率...

MySQL トリガーの基本的な使い方(作成、表示、削除など)の詳細な説明

目次1. MySQLトリガーの作成: 1. MySQLトリガー作成構文: 2. MySQL作成構文の...

Dockerでmysqlのルートパスワードを変更する方法

最初のステップはmysqlコンテナを作成することです docker exec -it コンテナID ...

LINUX でポートが占有されているかどうかを確認する方法

ポートが占有されているかどうかは、これまで一度もわかりませんでした。多くの人に尋ねて、ようやくわかり...

Javascript 共通高階関数の詳細

目次1. 一般的な高階関数1.1、フィルター1.2、地図1.3、減らすHigher Order fu...

小さな三角形の実装コードを含む CSS ナビゲーション バー メニュー

多くの Web ページにはナビゲーション バーに小さな三角形があり、この機能を実装するのは実は非常に...

Jenkins+tomcat の自動ホットデプロイメント/再起動と発生した問題の解決策 (推奨)

1. 背景同社のプロジェクトは、これまでは手動で Maven でパッケージ化し、サーバーにアップロ...

Linux で pip 操作中にタイムアウトが発生する問題を解決する方法

Linuxインスタンスでpipを使用する際のタイムアウト問題を解決する方法pip は最も人気のある ...

MySQLの最適化の詳細な分析とパフォーマンス

導入データベースを使用したことがある人なら、機能面での like 記号と = 記号の類似点と相違点を...

MySQLのユーザー管理とPostgreSQLのユーザー管理の違い

1. MySQL ユーザー管理[例1.1] ローカルMySQLサーバーのテストデータベースにroot...

React-Native環境のセットアップと基本的な紹介

環境の準備1. 環境構築React Native 中国語ウェブサイト2. 開発ツール フロントエンド...

JavaScript でプライベート メンバーを作成する

目次1. クロージャを使用する2. ES6クラスを使用する3. ES2020提案を使用する4. We...

MySQL 5.0.96 for Windows x86 32 ビット グリーン簡易版インストール チュートリアル

MySQL 5.0 は、いくつかの「高度な機能」があるため定番となっています。これは、Windows...