HTML の contentEditable 属性は、特定の要素の編集可能状態をオンにできます。contentEditable 属性を使用したことがないか、聞いたこともないかもしれません。contentEditable 関数は非常に魔法です。div またはWeb ページ全体と、span およびその他の要素が書き込み可能に設定されます。最も一般的に使用される入力テキスト コンテンツは、input および textarea です。contentEditable 属性を使用すると、div、table、p、span、body、およびその他の多くの要素にコンテンツを入力できます。
注: contenteditable 属性が要素に設定されていない場合、要素は親要素から継承します。
ブラウザのサポート
| ブラウザ | Chrome | Internet Explorer | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 11.0 | 5.5 | 3.0 | 3.2 | 10.6 |
注: contenteditable 属性は HTML5 の新機能です。#構文
<element contenteditable="true|false">
| Description | |
|---|---|
| 要素が編集可能であることを指定します | |
| 指定された要素は編集できません |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ContentEditable</title>
</head>
<body>
<div contenteditable="true">
你好！世界！
</div>
</body>
</html> 推奨チュートリアル: 「
HTML チュートリアル
以上がHTML ContentEditable 属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
