HTML リファレンスマニュアル

HTML タグ一覧

HTML: <input> readonly 属性

input readonly属性はブール属性で、存在する場合、入力フィールドを只読みに指定します。他の条件を満たすまで、ユーザーが値を変更するのを防ぎます。

オンラインサンプル

HTML フォームに読み取り専用の input 入力フィールドを持つ：

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML:<input>　readonly　属性　-　基礎教程網(oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　メール:　<input　type="text"　name="email"><br>
　　国:　<input　type="text"　name="country"　value="ノルウェイ"　readonly><br>
　　<input　type="submit"　value="Submit">
</form>
</html>

テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがreadonly属性をサポートしています。

定義と使用法

readonly属性はボルン属性です。

存在する場合、入力フィールドを読み取り専用として指定します。

読み取り専用の入力フィールドは変更できません（ただし、ユーザーはタブを押し、ハイライトし、テキストをコピーすることができます）。

readonly属性を設定することで、ユーザーが値を変更するまで（例えば、チェックボックスが選択された場合など）変更を防ぐことができます。その後、JavaScriptを使用して読み取り専用値を削除し、入力フィールドを編集可能にすることができます。

注意：フォームは読み取り専用の入力フィールドを提出しますが、無効化された入力フィールドは提出されません！

HTML 4.01 HTMLと5の違い

ありません。

HTMLとXHTMLの違い

XHTMLでは属性の省略が禁止されており、readonly属性は<input readonly="readonly">として定義する必要があります。 />。

文法

<input readonly>

　HTML <input> タグ

HTML: <template> タグ