caret
Um caret (às vezes chamado de "cursor de texto") é um indicador exibido na tela para indicar onde a entrada de texto será inserida. A maioria das interfaces de usuário representam o caret usando uma linha vertical fina ou uma caixa do tamanho de um caractere que pisca, mas isso pode variar. Este ponto do texto é chamado de ponto de inserção. A palavra "careta" diferencia o ponto de inserção de texto do cursor do mouse.
Na web, um caret é usado para representar o ponto de inserção em <input> e <textarea> elementos, bem como quaisquer elementos cujo atributo contenteditable está definido, permitindo assim que o conteúdo do elemento seja editado pelo usuário.
Saiba Mais
Conhecimento geral
- Caret navigation no Wikipedia
CSS relacionado com o caret
Você pode definir a cor do caret para o conteúdo editável de um determinado elemento definindo a propriedade CSS caret-color para o valor apropriado <color>
Elementos HTML que podem apresentar um caret
Esses elementos fornecem campos de entrada de texto ou caixas e, portanto, fazem uso do caret.
<input type="text"><input type="password"><input type="search"><input type="date">,<input type="time">,<input type="datetime">e<input type="datetime-local"><input type="number">,<input type="range"><input type="email">,<input type="tel">e<input type="url"><textarea>- Qualquer elemento com seu conjunto de atributo
contenteditable.