HTML_HTML/Xhtml_Webページ制作でフォーム入力などのテキストボックスを読み取り専用にして編集不可にする方法

場合によっては、フォーム内のテキスト ボックスを読み取り専用にして、ユーザーがその情報を変更できないようにすることがあります。たとえば、 のコンテンツでは、「中国」という単語を変更できません。実装方法をまとめると以下のようになります。

方法 1: onfocus=this.blur() マウスを置けないときにフォーカスを残す


方法 2: readonly



方法 3: 無効


完全な例:



disabled="true " テキストは灰色になり、編集できません。
readOnly="true" テキストの色は変更されず、編集できません

CSS シールド入力:

あり最初のメソッド:disabled="disabled" は、無効化された入力要素が使用可能でもクリック可能でもないように定義されています。 2 番目: readonly="readonly" 読み取り専用フィールドは変更できません。ただし、ユーザーはタブ キーを使用してフィールドに切り替え、そのテキストを選択またはコピーすることができます。