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
.