CSS でテキスト ボックスを読み取り専用に設定する方法は、入力テキスト ボックスに readonly 属性を追加することです。 readonly 属性は、入力フィールドが読み取り専用であることを指定するブール属性です。
![CSSでテキストボックスを読み取り専用に設定する方法](https://img.php.cn/upload/article/202106/08/2021060816034315283.jpg)
#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。
readonly 属性は HTML のブール属性で、入力フィールドが読み取り専用であることを指定するために使用されます。
読み取り専用フィールドは変更できないことはわかっていますが、ユーザーはタブ キーを使用してフィールドに切り替えることができ、そのテキストを選択またはコピーすることもできます。
readonly 属性は、特定の条件が満たされるまで (チェックボックスが選択されているなど)、ユーザーが値を変更できないようにします。次に、JavaScript を使用して読み取り専用値を削除し、入力フィールドを編集可能な状態に切り替える必要があります。
注: すべての主要なブラウザは読み取り専用属性をサポートしています。
例:
読み取り専用の入力フィールドを持つ HTML フォーム。
実行結果:
![1623140015511888.png CSSでテキストボックスを読み取り専用に設定する方法](https://img.php.cn/upload/image/988/881/484/1623140015511888.png)
関連ビデオ共有:
css ビデオ チュートリアル
以上がCSSでテキストボックスを読み取り専用に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。