Input Time readOnly属性

HTML DOM イプット タイム オブジェクト

定義と使用方法

readOnly 属性設定または返却が入力フィールドが読み取り専用であるべきかどうかを定義します。

読み取り専用のフィールドは変更できません。ただし、ユーザーはそれを選択し、ハイライトし、テキストをコピーすることができます。

この属性はHTMLのreadonly属性を反映しています。

ヒント：ユーザーがフィールドと交互に作用するのを防ぐ場合は、代わりに使用してください disabled属性。

参照してください：

HTMLリファレンスマニュアル：HTML <input> readonly 属性

インスタンス

例1

時間フィールドを読み取り専用に設定します：

document.getElementById("myTime").readOnly = true;

実際に試してみましょう

例2

時間フィールドが読み取り専用であるかどうかを確認します：

var x = document.getElementById("myTime").readOnly;

実際に試してみましょう

構文

readOnly属性の返却：

timeObject.readOnly

readOnly属性の設定：

timeObject.readOnly = true|false

属性値

値 説明
true|false

時間フィールドが読み取り専用であるべきかどうかを定義します。

  • true - 時間フィールドは読み取り専用です
  • false - デフォルト。時間フィールドは読み取り専用ではありません

技術的詳細

返却値： 時間フィールドが読み取り専用である場合に返されます true、そうでない場合は false。

ブラウザサポート

表の数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 10.0 サポート サポート サポート

注意：<input type="time"> 要素は Firefox では時間フィールドとして表示されません。

HTML DOM イプット タイム オブジェクト