CSS入力ボックスを編集不可にする方法

CSS 入力ボックスを編集不可に設定する方法: 1. input タグに disabled 属性を追加します; 2. input タグに readonly 属性を追加します; 3. "readonly unselectable="on"" を追加します入力タグに。

#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、HTML5&&CSS3 バージョン。

input 入力ボックスを編集不可にする 3 つの方法

1. input タグにdisabled 属性を追加します

disabled 属性は、input 要素を無効にすることを指定します。無効な入力要素。編集、コピー、選択できず、フォーカスを受け取ることもできず、渡された値はバックグラウンドで受け取られません。設定後は文字の色が灰色になります。無効な属性は とともに使用することはできません。

例:

<input type="text" disabled="disabled" />

2. input タグに readonly 属性を追加します

readonly 属性は、入力フィールドが読み取り専用でコピー可能であることを指定します。ただし、ユーザーTab キーを使用して A フィールドに切り替えることができ、フィールドは選択可能であり、フォーカスを受け取ることができ、そのテキストを選択またはコピーできます。渡された値はバックグラウンドで受信されます。読み取り専用属性により、ユーザーは値を変更できません。

readonly 属性は、 または とともに使用できます。

例:

<input type="text" readonly="readonly">

3. readonly unselectable="on"

readonly unselectable="on" を入力タグに追加します。この属性は disable と似ています。要素は編集できません、コピーできません、選択できません、フォーカスを受け取ることができません、設定後は文字の色も灰色になりますが、バックグラウンドで値を受け取ることができます。

例:

<input type="text"  readonly  unselectable="on" >

[推奨学習:

css ビデオ チュートリアル ]

以上がCSS入力ボックスを編集不可にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。