Logotipo Design Interativo
contador-de-caracter

Contador de Caractere


Seja lá qual for a sua profissão, especialista em SEO, redator, web designer, diagramador, jornalista bom e por ai vai, existe sempre aquelas horas que você tem que ter um numero especifico de caracteres seja ele para manter um layout agradável ou até mesmo para fazer meta description e title que devem ter números de caracteres certos, coloco aqui um código simples que tem por ai na net mais quero deixar aqui registrado, de um contador de caractere, pratico e fácil de implementar basta copiar e colar em um bloco de notas e salvar como HTML e utilizar sem complicações o seu contador de caractere sem ter que ficar abrindo softwares como o Word para fazer tal tarefa simples.

Segue o código

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>

<script>
function conta(){
document.forms[0].caracteres.value=document.forms[0].texto.value.length
}
</script>

</head>

<body>
<form action=”#” method=”post”>
<table>
<tr>
<td>Texto:</td>

<td><textarea cols=”40″ rows=”5″ onKeyUp=”conta()”></textarea></td>
</tr>
<tr>
<td>Caracteres:</td>
<td><input type=”text” size=4></td>
</tr>
</table>
</form>

</body>
</html>

Comentários
  1. Robson Moulin disse:

    Olá João, é porque neste script não é necessário enter, você vai digitando e os caracteres são exibidos e contados automaticamente.

  2. João Carlos disse:

    Realizei esse procedimento e deu certo parcialmente já que colei o texto na caixa de diálogo apareceu a menor onde deveria aparecer a contagem mas não tem um ok para completar a operação, tentei o enter mas não deu certo.

Deixe o seu comentário!

publicidade
publicidade
publicidade

Design Tools

Links

Conheça sites sobre ux, design, front-end, comunicação, inspiração e muito mais, fique por dentro das novidades do mercado com nossa lista.


Profissionais Influentes

Conheça os profissionais que influenciam e trabalham para a comunidade de design e fron-end e user experience, confira o Twitter de cada um.


Curta nossa fanpage e fique por dentro das novidades do site
publicidade
publicidade
publicidade