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 (en-US) 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">(en-US)<input type="password"><input type="search">(en-US)<input type="date">,<input type="time">,<input type="datetime">(en-US) e<input type="datetime-local">(en-US)<input type="number">(en-US),<input type="range"><input type="email">(en-US),<input type="tel">(en-US) e<input type="url">(en-US)<textarea>- Qualquer elemento com seu conjunto de atributo
contenteditable.