ホームページ  >  記事  >  ウェブフロントエンド  >  要素のコンテンツが編集可能かどうかを指定する HTML 属性 contenteditable

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

黄舟
黄舟オリジナル
2017-11-03 10:04:183137ブラウズ

編集可能な段落:

<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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。