要素のコンテンツが編集可能かどうかを指定する HTML 属性 contenteditable

例

編集可能な段落:

<p contenteditable="true">这是一个可编辑的段落。</p>

ブラウザサポート

IE

Firefox

Chrome

Safari

Opera

すべての主要なブラウザがサポートしています。 物件。

定義と使用法

contenteditable 属性は、要素のコンテンツが編集可能かどうかを指定します。

注: 要素が contenteditable 属性を設定していない場合、要素は親要素からこの属性を継承します。

HTML 4.01 と HTML5 の違い

contenteditable 属性は HTML5 の新しい属性です。

構文

<element contenteditable="true|false">

属性値

Value	Description
tru​​e	要素が編集可能であることを指定します。
false	要素が編集できないことを指定します。

HTML では、カーソルはオブジェクトであり、カーソル オブジェクトは要素を選択した場合にのみ表示されます。

入力ボックスをクリックすると、実際に選択オブジェクトの選択が生成されます (つまり、表示されているテキストの領域が青に変わります)。選択は Firefox ブラウザ window .getSelection() で直接使用できます。 HTML では、選択範囲は 1 つだけであり、入力ボックスをクリックするか、別の入力ボックスに切り替えると、選択範囲は始まりと終わりを持つ四角形として想像できます。それに応じて選択も変わります。カーソルは選択範囲内にあり、選択範囲と同様に、テキストの左ボタンを押して右に移動します。テキストが青色に変わるのがわかります。これはカーソルの始点と終点です。直接クリックするとカーソルが点滅しますが、実際には始点と終点が重なっているだけです。

それでは、実際にカーソルを操作してみましょう。完全なコードを見て、その効果を確認してください。

りー

以上が要素のコンテンツが編集可能かどうかを指定する HTML 属性 contenteditableの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。