aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/glossary/caret/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-br/glossary/caret/index.html')
-rw-r--r--files/pt-br/glossary/caret/index.html35
1 files changed, 35 insertions, 0 deletions
diff --git a/files/pt-br/glossary/caret/index.html b/files/pt-br/glossary/caret/index.html
new file mode 100644
index 0000000000..584a1ae8f1
--- /dev/null
+++ b/files/pt-br/glossary/caret/index.html
@@ -0,0 +1,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>