コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

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] 消費税の税抜額を取得する

引数に受け取った金額の税抜き額を返すFunctionサンプルです。 サンプルソース 例)税率8%で計算。引数が数値以外の ...

[JavaScript] 数値カンマ編集を行うテキストボックス

フォーカスが当たるとカンマ編集を解除し、フォーカスが外れるとカンマ編集を行うテキストボックスのサンプルです。 数値カンマ ...

[JavaScript] 関数から複数値を返す

通常JavaScriptの関数の戻り値は1つですが、 以下のようにすれば複数値返すこともできます。 方法1)配列で返す ...

[JavaScript] JavaScriptのみ実行して遷移は行わないリンクを作成する

JavaScriptのみ実行するリンクにするは、hrefに"javascript:~"と記述します。 サンプルソース 例 ...

[JavaScript] セレクトボックスの選択中のvalue値を取得する

セレクトボックスの選択中のvalue値を取得するサンプルです。 サンプルソース 例)ボタンを押すと、セレクトボックスで選 ...

スポンサーリンク