caret (キャレット)
キャレット (テキストカーソルとも呼ばれる) は、テキスト入力が挿入される場所を示すために画面に表示されるインジケーターです。 ほとんどのユーザーインターフェイスは、細い縦線または点滅する文字サイズの四角形を使用してキャレットを表しますが、これはさまざまです。 テキスト内のこの位置は挿入位置と呼ばれます。「キャレット」という単語は、テキストの挿入位置をマウスカーソル (マウスポインター) と区別するためのものです。
ウェブ上では、<input>
要素と <textarea>
要素と、contenteditable
属性が設定されている要素の挿入位置を表すためにキャレットが使用され、要素の内容をユーザーが編集できるようにします。
より詳しく知る
一般知識
- Wikipedia 上の Caret navigation(英語)
- Wikipedia 上の キャレット
キャレットに関連する CSS
要素の CSS の caret-color
プロパティを適切な <color>
値に設定することで、特定の要素の編集可能なコンテンツのキャレットの色を設定できます。
キャレットを表示する HTML 要素
これらの要素はテキスト入力フィールドまたはボックスを提供し、したがってキャレットを使用します。
<input type="text">
<input type="password">
<input type="search">
<input type="date">
,<input type="time">
,<input type="datetime">
, and<input type="datetime-local">
<input type="number">
,<input type="range">
<input type="email">
,<input type="tel">
, and<input type="url">
<textarea>
contenteditable
属性が設定された要素