files/pt-br/glossario/caret/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

---
title: caret
slug: Glossario/caret
translation_of: Glossary/caret
---
<p>Um <strong>caret</strong> (à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 <strong>ponto de inserção.</strong> A palavra "<em>careta</em>" diferencia o ponto de inserção de texto do cursor do mouse.</p>

<p>Na web, um caret é usado para representar o ponto de inserção em {{HTMLElement("input")}} e {{HTMLElement("textarea")}} elementos, bem como quaisquer elementos cujo atributo {{htmlattrxref("contenteditable")}} está definido, permitindo assim que o conteúdo do elemento seja editado pelo usuário.</p>

<h2 id="Saiba_Mais">Saiba Mais</h2>

<h3 id="Conhecimento_geral">Conhecimento geral</h3>

<ul>
 <li>{{interwiki("wikipedia", "Caret navigation")}} no Wikipedia</li>
</ul>

<h3 id="CSS_relacionado_com_o_caret">CSS relacionado com o caret</h3>

<p>Você pode definir a cor do caret para o conteúdo editável de um determinado elemento definindo a propriedade CSS {{cssxref ("caret-color")}} para o valor apropriado {{cssxref("&lt;color&gt;")}}</p>

<h3 id="Elementos_HTML_que_podem_apresentar_um_caret">Elementos HTML que podem apresentar um caret</h3>

<p>Esses elementos fornecem campos de entrada de texto ou caixas e, portanto, fazem uso do caret.</p>

<ul>
 <li><code><a href="/pt-BR/docs/Web/HTML/Element/input/text">&lt;input type="text"&gt;</a></code></li>
 <li><code><a href="/pt-BR/docs/Web/HTML/Element/input/password">&lt;input type="password"&gt;</a></code></li>
 <li><code><a href="/pt-BR/docs/Web/HTML/Element/input/search">&lt;input type="search"&gt;</a></code></li>
 <li><code><a href="/pt-BR/docs/Web/HTML/Element/input/date">&lt;input type="date"&gt;</a></code>, <code><a href="/pt-BR/docs/Web/HTML/Element/input/time">&lt;input type="time"&gt;</a></code>, <code><a href="/pt-BR/docs/Web/HTML/Element/input/datetime">&lt;input type="datetime"&gt;</a></code> e <code><a href="/pt-BR/docs/Web/HTML/Element/input/datetime-local">&lt;input type="datetime-local"&gt;</a></code></li>
 <li><code><a href="/pt-BR/docs/Web/HTML/Element/input/number">&lt;input type="number"&gt;</a></code><a href="/en-US/docs/Web/HTML/Element/input/number">, </a><code><a href="/pt-BR/docs/Web/HTML/Element/input/range">&lt;input type="range"&gt;</a></code></li>
 <li><code><a href="/pt-BR/docs/Web/HTML/Element/input/email">&lt;input type="email"&gt;</a></code>, <code><a href="/pt-BR/docs/Web/HTML/Element/input/tel">&lt;input type="tel"&gt;</a></code> e <code><a href="/pt-BR/docs/Web/HTML/Element/input/url">&lt;input type="url"&gt;</a></code></li>
 <li>{{HTMLElement("textarea")}}</li>
 <li>Qualquer elemento com seu conjunto de atributo {{htmlattrxref ("contenteditable")}}.</li>
</ul>