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

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

推薦する

Linux での MySQL データベースのアンインストール

Linux で MySQL データベースをアンインストールするにはどうすればいいですか? 以下では、...

LinuxでのDNSサーバーの設定の詳細な説明

1. DNSサーバーの概念インターネットでの通信には IP アドレスの助けが必要ですが、数字に対する...

JavaScript データ プロキシとイベントの詳細な分析

目次データブローカーとイベントObject.defineProperty メソッドのレビューデータブ...

カルーセルアニメーションを実現するVueコンポーネント

この記事では、カルーセルアニメーションを実現するためのVueコンポーネントの具体的なコードを例として...

DOCTYPEタイプの詳細な紹介

<br />通常、HTML では次の方法で DOCTYPE を宣言します。 <!D...

VScode リモート SSH リモート編集とデバッグコード

Visual Studio Code の最新の Insider バージョンには、コードのリモート デ...

Vueデータ監視の原理の詳細な説明

<本文> <div id="ルート"> <h1&...

mysqlはタイムゾーン関連の問題を解決します

序文: MySQL を使用すると、時間の表示が正しくない、タイムゾーンが GMT+8 ゾーンにない、...

他の人が私のウェブページを保存したり、サイトをコピーしたりするのを防ぐためのヒント

現在、インターネット上でウェブサイトをコピーすることは非常に一般的です。では、他人が私たちのウェブサ...

Angular環境構築と簡単な体験のまとめ

Angular入門Angular は、Google が開発したオープンソースの Web フロントエン...

JavaScript の一般的なステートメント ループ、判定、文字列から数値

目次1. スイッチ2. whileループ3. Do/Whileループ3. 文字列を数値に変換する1....

子ども向けウェブサイトの視覚構造レイアウト設計手法の分析

1. 温かくて優しい関連アドレス: http://www.web-designers.cn/post...

Vueは新しいウィンドウを開き、パラメータ転送のグラフィック例を実装します。

私が実現したい機能は、新しいウィンドウを開いて新しいページを表示することですが、パラメータを渡す必要...

WeChatアプレットはビデオプレーヤーのビデオコンポーネントを使用します

この記事の例では、WeChatアプレットのビデオプレーヤーコンポーネントの具体的なコードを参考までに...

MySQL ストアド プロシージャにおけるループ ステートメント (WHILE、REPEAT、LOOP) の使用法の分析

この記事では、例を使用して、MySQL ストアド プロシージャでのループ ステートメント (WHIL...