JavaScript

[JavaScript] テキストボックスを読み取り専用にする

投稿日:2016年10月8日 更新日:

テキストボックスを読み取り専用にするには、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を切り替える

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 画像サイズを変更する

画像サイズを変更するするサンプルです。 サンプルソース 例)ボタンを押すと画像の高さを100pxにする。 [crayon ...

[JavaScript] 入力ダイアログを表示する(window.prompt)

入力ダイアログを表示するには、window.prompt()を使用します。 サンプルソース 例)入力ダイアログを表示する ...

[JavaScript] 配列の最後に要素を追加する(.push)

配列の最後に要素を追加するには、.push()を使用します。 サンプルソース 例)配列の末尾に要素を追加してコンソールに ...

[JavaScript] Javaアプレットが使用できるかどうか調べる

Javaアプレットが使用できるかどうか調べるサンプルです。 サンプルソース 例)javaアプレットが使用できるかどうか判 ...

[JavaScript] 2進数、8進数、16進数の数値リテラル

数値リテラルで2進数、8進数、16進数を表す方法です。 2進数の数値リテラル 2進数を数値リテラルで表す場合は、2進数表 ...

スポンサーリンク