テキストボックスを読み取り専用にするには、readOnlyプロパティを設定します。
サンプル
例）ボタンを押すたびにテキストボックスのreadOnlyを切り替える
実行サンプル
ボタンを押すと、テキストボックスのreadOnlyが切り替わります。
※見た目は変わりませんが、readOnly=true中ではフォーカスを当てられません。
解説
- readOnlyは、テキストボックスやテキストエリアなどテキスト系のみ使用できます。
- readOnlyを設定するには、オブジェクトの.readOnlyにtrue/falseを設定します。
- readOnlyのOは大文字でなければなりません。 例）readonlyは×。
- disabled=trueと異なり、readOnly=trueの要素はsubmitされます。
- disabled=trueでは文字選択不可ですが、readOnly=trueでは文字の選択が可能です。
- disableを使う方法は以下をご覧ください。
→「フォーム部品のDisable/Enableを切り替える」
