ホームページ > 記事 > ウェブフロントエンド > 要素のコンテンツが編集可能かどうかを指定する 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 |
true | 要素が編集可能であることを指定します。 |
false | 要素が編集できないことを指定します。 |
HTML では、カーソルはオブジェクトであり、カーソル オブジェクトは要素を選択した場合にのみ表示されます。
入力ボックスをクリックすると、実際に選択オブジェクトの選択が生成されます (つまり、表示されているテキストの領域が青に変わります)。選択は Firefox ブラウザ window .getSelection() で直接使用できます。 HTML では、選択範囲は 1 つだけであり、入力ボックスをクリックするか、別の入力ボックスに切り替えると、選択範囲は始まりと終わりを持つ四角形として想像できます。それに応じて選択も変わります。カーソルは選択範囲内にあり、選択範囲と同様に、テキストの左ボタンを押して右に移動します。テキストが青色に変わるのがわかります。これはカーソルの始点と終点です。直接クリックするとカーソルが点滅しますが、実際には始点と終点が重なっているだけです。
それでは、実際にカーソルを操作してみましょう。完全なコードを見て、その効果を確認してください。
りー以上が要素のコンテンツが編集可能かどうかを指定する HTML 属性 contenteditableの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。