HTML でフォーム入力やその他のテキスト ボックスを読み取り専用にして編集不可にする方法
|
場合によっては、フォーム内のテキスト ボックスを読み取り専用にして、ユーザーがその中の情報を変更できないようにする必要があります。たとえば、<input type="text" name="input1" value="中国"> のコンテンツでは、「中国」という単語を変更できません。要約すると、それを実装する方法はいくつかあります。 方法1: onfocus=this.blur()はマウスを置くことができないときにフォーカスを失います <input type="text" name="input1" value="中国" onfocus=this.blur()> 方法2: 読み取り専用 <input type="text" name="input1" value="中国" 読み取り専用> <input type="text" name="input1" value="中国" readonly="true"> 方法3: 無効 <input type="text" name="input1" value="中国" disabled="true"> 完全な例: <input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className='input_1'" onMouseOut="this.className='input_2'" value="123456789" disabled="true" readOnly="true" /> disabled="true"このオプションを有効にすると、テキストは灰色になり、編集できなくなります。 readOnly="true" のテキストは色が変わらず、編集できません CSS シールド入力: <input style="ime-mode: disabled"> 方法は 2 つあります。1 つ目は disabled="disabled" です。この定義の後、無効な入力要素は使用できず、クリックもできなくなります。 2 番目: readonly="readonly" 読み取り専用フィールドは変更できません。ただし、ユーザーは引き続き Tab キーを使用してフィールドに切り替え、そのテキストを選択またはコピーできます。 |
<<: TortoiseSvn Little Turtle インストール 最新の詳細なグラフィックチュートリアル
推薦する
Docker ケース分析: Redis サービスの構築
目次1 マウントディレクトリとファイルを作成する2 Redisイメージを取得する3 コンテナを作成し...
MySQL5.6 GTIDモードで同期レプリケーションエラーをスキップできない問題の解決方法
データベースバージョン: mysql> select version(); +--------...
MySQL の例 DTID マスタースレーブ原理の分析
目次1. GTIDの基本概念2. GTIDの利点3. GTIDの仕組み4. 従来のレプリケーションに...
Nginx のアンチホットリンクを設定する方法
実験環境• 最小限のインストール済みの CentOS 7.3 仮想マシン• 構成: 1 コア/512...
ユーザーはその理由を知る必要がある
証券会社にいた頃、設計業務が忙しくなかったため、商品のマニュアルを書く役割を担ったことがありました。...
Docker、プレーヤー機能を備えたCMSオンデマンドシステムを構築
目次文章1. 機械を準備する2. Dockerをインストールする1. 依存パッケージをインストールす...
jsネイティブカルーセルプラグインの制作
この記事では、jsネイティブカルーセルプラグインの具体的なコードを参考までに共有します。具体的な内容...
Dockerイメージのインポート、エクスポート、バックアップ、移行操作
輸出： docker save -o centos.tar centos:latest #cento...
MySQL の結合テーブルにインデックスを作成する方法
この記事では、MySQL で 2 つのテーブルを関連付ける結合テーブルにインデックスを作成する方法を...
MySQLデータベースの追加、削除、変更操作の詳細な説明
データの挿入テーブル名（列名1、列名2、列名3）の値（値1、値2、値3）に挿入します。ユーザーに(u...
Alibaba Cloud Docker Yum ソースを使用した Docker 17.03.2 の CentOS7 オンラインインストールの詳細説明
参照ドキュメント公式 Docker インストール ドキュメント: https://docs.dock...
シェル スクリプトを使用してワンクリックで MySQL 5.7.29 をインストールする方法
この記事は51CTOブログの著者wjw555の作品を参照しています。スクリプトの内容: vim イン...
HTML リスト タグ dl、ul、ol の使用例
コードをコピーコードは次のとおりです。 <!--リストタグ: <dl>: 階層リス...
MySQL クラスタの詳細な説明: 1 つのマスターと複数のスレーブのアーキテクチャ実装
実験環境: 1. CentOS 7 サーバー 3 台2. mysql5.7.26 (3台のマシンはす...
MySQL SELECT実行順序の簡単な理解
SELECT ステートメントの完全な構文は次のとおりです。 （7）選択 (8) DISTINCT ...