入力テキストボックスの入力実装プロパティを無効化する

今日は、開発現場でよく使われる非常に便利なhtmlタグで、慣れない人にはよくわからないかもしれない、以下のタグについてまとめてみたいと思います。

readonlyは、このフィールドの値が変更不可であること、type="text"でのみ使用できること、コピーできること、選択できること、フォーカスを受けられること、バックエンドが渡された値を受け取ることを意味しています。

無効とは、入力要素が無効で、編集不可、コピー不可、選択不可、フォーカス不可、バックエンドが渡された値を受け取らないことを意味します。

また、cssでinputメソッドをブロックすることもできます： <input style="ime-mode: disabled">
最後に、共通タグを紹介します。ブラウザは通常、入力のインプットボックスを記録しているので、以下のように入力時に多くのコンテンツをドロップダウンすることが多いですね。
削除したい場合は、以下の方法で、autocomplete="off"を追加するとよいでしょう。