HTMLの入力を編集不可に設定する方法

青灯夜游
リリース: 2023-01-05 16:13:22
オリジナル
8069 人が閲覧しました

編集不可能な設定を設定する方法: 1. "disabled="disabled"" ステートメントを入力に追加します。 2. "readonly="readonly"" ステートメントを入力に追加します。 3. " を追加します。 readonly unselectable= を input.on"" ステートメントに追加します。

HTMLの入力を編集不可に設定する方法

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

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

1.無効な属性

disabled 属性は、入力要素を無効にすることを指定します。無効な入力要素は編集、コピー、選択できず、フォーカスを受け取ることもできず、背景は渡された値を受け取りません。設定後は文字の色が灰色になります。無効な属性は <input type="hidden"> では使用できません。

例:

<input type="text" disabled="disabled" />
ログイン後にコピー

2. readonly 属性

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

readonly 属性は、<input type="text"> または <input type="password"> とともに使用できます。

例:

<input type="text" readonly="readonly">
ログイン後にコピー

3. readonly unselectable="on"

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

例:

<input type="text"  readonly  unselectable="on" >
ログイン後にコピー

推奨チュートリアル: 「html ビデオ チュートリアル

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート