ホームページ > 記事 > ウェブフロントエンド > CSS入力ボックスを編集不可にする方法
#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、HTML5&&CSS3 バージョン。 input 入力ボックスを編集不可にする 3 つの方法1. input タグにdisabled 属性を追加しますdisabled 属性は、input 要素を無効にすることを指定します。無効な入力要素。編集、コピー、選択できず、フォーカスを受け取ることもできず、渡された値はバックグラウンドで受け取られません。設定後は文字の色が灰色になります。無効な属性は 10a0c4c6fe334f1dd2642c4aa224944a とともに使用することはできません。 例:CSS 入力ボックスを編集不可に設定する方法: 1. input タグに disabled 属性を追加します; 2. input タグに readonly 属性を追加します; 3. "readonly unselectable="on"" を追加します入力タグに。
<input type="text" disabled="disabled" />2. input タグに readonly 属性を追加しますreadonly 属性は、入力フィールドが読み取り専用でコピー可能であることを指定します。ただし、ユーザーTab キーを使用して A フィールドに切り替えることができ、フィールドは選択可能であり、フォーカスを受け取ることができ、そのテキストを選択またはコピーできます。渡された値はバックグラウンドで受信されます。読み取り専用属性により、ユーザーは値を変更できません。 readonly 属性は、23efcc05e98690ceeb219581933e4231 または 794332e4da1b97221ff0ba8bc66903c4 とともに使用できます。 例:
<input type="text" readonly="readonly">3. readonly unselectable="on"readonly unselectable="on" を入力タグに追加します。この属性は disable と似ています。要素は編集できません、コピーできません、選択できません、フォーカスを受け取ることができません、設定後は文字の色も灰色になりますが、バックグラウンドで値を受け取ることができます。 例:
<input type="text" readonly unselectable="on" >[推奨学習:
css ビデオ チュートリアル ]
以上がCSS入力ボックスを編集不可にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。