ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML入力を編集不可にする方法

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

藏色散人
リリース: 2023-01-06 11:16:18
オリジナル
5677 人が閲覧しました

html 入力を編集不可に設定する方法: 1. 入力要素が無効であることを指定するには、disabled 属性を使用します。 2. 入力フィールドが読み取り専用であることを指定するには、readonly 属性を使用します。 copyable; 3. 「readonly unselectable="on"」で実装します 編集できません。

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

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

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

今日は、入力テキスト ボックスを編集不可にする 3 つの方法を試しました。次に要約します:

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

  • #例:

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

例:

##readonly unselectable="on" この属性は、disable、input 要素、編集、コピー、選択はできず、フォーカスも受け取ることができません、設定後は文字の色も灰色になりますが、渡された値はバックグラウンドで受け取ることができます。例: (私はまだ初心者なので、何か間違ったことを書いていたら修正してください!)
  • [推奨学習] :
  • html ビデオ チュートリアル
]

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

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