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
.