ホームページ  >  記事  >  ウェブフロントエンド  >  html/cssの入力を無効にする方法

html/cssの入力を無効にする方法

青灯夜游
青灯夜游オリジナル
2021-04-28 14:45:376731ブラウズ

入力を無効にする方法: 1. 入力に "readonly="readonly"" ステートメントを追加します。 2. 入力に "disabled="disabled"" ステートメントを追加します。 3. "maxlength="0" を追加します。 "" ステートメントを入力するには、最大入力長を 0 に設定します。

html/cssの入力を無効にする方法

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

#入力を禁止する入力メソッド

1: readonly 属性

readonly は、入力を禁止することを指定します。フィールドは読み取り専用でコピー可能ですが、ユーザーは Tab キーを使用してフィールドに切り替え、選択可能にしてフォーカスを受け取り、そのテキストを選択またはコピーできます。

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

2: 無効な属性

disabled 無効な入力要素はコピーできますが、フォーカスを受け取ることができません。設定後、テキストの色は灰色になります。 10a0c4c6fe334f1dd2642c4aa224944a とは併用できません。

<input type="text" value="哈哈哈" disabled="disabled">

3: maxlength 属性

入力の最大長を 0 に制御することで、入力禁止の効果が得られます

<input type="text" maxlength="0">

詳細なプログラミングについて-関連の知識については、

プログラミング ビデオをご覧ください。 !

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

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