キャレット (テキストカーソルとも呼ばれる) は、テキスト入力が挿入される場所を示すために画面に表示されるインジケーターです。 ほとんどのユーザーインターフェイスは、細い縦線または点滅する文字サイズの四角形を使用してキャレットを表しますが、これはさまざまです。 テキスト内のこの位置は挿入位置と呼ばれます。「キャレット」という単語は、テキストの挿入位置をマウスカーソル (マウスポインター) と区別するためのものです。
ウェブ上では、{{HTMLElement("input")}} 要素と {{HTMLElement("textarea")}} 要素と、{{htmlattrxref("contenteditable")}} 属性が設定されている要素の挿入位置を表すためにキャレットが使用され、要素の内容をユーザーが編集できるようにします。
要素の CSS の {{cssxref("caret-color")}} プロパティを適切な {{cssxref("<color>")}} 値に設定することで、特定の要素の編集可能なコンテンツのキャレットの色を設定できます。
これらの要素はテキスト入力フィールドまたはボックスを提供し、したがってキャレットを使用します。
<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">