Contador de Caractere


contador-de-caracter

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>





Artigos Relacionados


Designer de Interface pós graduado em Arquitetura da Informação. UI/UX Designer e Front-end Developer, atualmente atendo empresas como freelancer e sou colaborador em uma agência de comunicação onde desenvolvo interfaces criativas com foco na experiência do usuário. Organizador por natureza acredito que o caos é a matéria-prima necessária.

2 comentários em “Contador de Caractere

  1. Robson Moulin 19 de março de 2014 11:49

    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 18 de março de 2014 20:04

    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

Seu endereço de email não será publicado.

Você pode usar HTML tags e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>