ホームページ  >  記事  >  ウェブフロントエンド  >  CSS入力ボックスを編集不可にする方法

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

藏色散人
藏色散人オリジナル
2021-04-19 09:24:334997ブラウズ

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

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

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

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

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

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

例:

<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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。