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

HTML タグ完全ガイド

HTML contenteditable属性

グローバル属性 contenteditable は、要素がユーザーによって編集可能かどうかを示す列挙型属性です。編集可能であれば、ブラウザは要素のパーツを変更して編集を許可します。

オンラインサンプル

編集可能なパラグラフ:

例

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML contenteditable 属性の使用（基本チュートリアルウェブ　oldtoolbag.com)</p>/title>
</head>
<body>
<p contenteditable="true">私は編集可能なテキストです.</p>/p>
</body>
</html>

テストを試してみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

定義と使用法

contenteditable 属性は要素の内容が編集可能かどうかを指定します。

注意：contenteditable 属性が要素に設定されていない場合、その要素は親要素から継承されます。

HTML 4.01 HTML5の違い

contenteditable 属性は HTML で追加されました。

構文

<element contenteditable="true|false">

属性値

値	説明
true	指定された要素は編集可能です
false	指定された要素は編集不可です

HTMLグローバル属性

HTML: <template> タグ