<form method="POST">
<p></p>
<div align="center">

    <center>
    <table border="0" cellpadding="0" cellspacing="0" width="73%" bgcolor="#D3E0FE" style="border: 1px solid #000000; ; border-collapse:collapse">
      <tr>
        <td width="100%" bgcolor="#ADC9F8">
          <p align="center"> </p>
          <div align="center">
            <table border="0" cellpadding="2" cellspacing="0" width="514" height="311" style="border-collapse: collapse" bordercolor="#111111">
              <tr>
        <td width="514" bgcolor="#ADC9F8" height="24">

<p align="center"><b><font face="Verdana" size="5" color="#000000">Character Counter</font></b></p>
        </td>
              </tr>
              <tr>
        <td width="514" bgcolor="#ADC9F8" height="261">
<p align="left">
<font face="Verdana" size="2" color="#000000">Counte The Characters Of Your Sentence Or Passage</font></p>
<p align="center">
<b>
<font face="Verdana" size="2" color="#000000">
<textarea rows="11" name="charcount" cols="55" wrap="virtual" style="border: 1px solid #000000; "></textarea></font></b></p>

        </td>
              </tr>
              <tr>
        <td width="514" bgcolor="#ADC9F8" height="26"><div align="right"><p align="center"><b><font face="Verdana" size="2" color="#000000"><input type="button" value="Count Characters"
        onClick="countit(this)">   
          <input type="text" name="displaycount" size="26" style="border: 1px solid #000000; "></font></b></p>
          </div></td>
              </tr>
              <tr>
                <td width="514" bgcolor="#C6DCFD" height="1"></td>

              </tr>
            </table>
          </div>
        </td>
      </tr>
    </table>
    </center>
</div>

</form>

<script language="JavaScript">

function countit(what){
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
</script