ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLの入力を編集不可に設定する方法

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

青灯夜游
青灯夜游オリジナル
2021-05-04 09:28:408058ブラウズ

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

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

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

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

1.無効な属性

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

例:

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

2. readonly 属性

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

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

例:

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

3. readonly unselectable="on"

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

例:

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

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

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

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