<style type="text/css"> .button_calc { background:buttonface; width: 100px; height: 40px; font-size: 20px; cursor:pointer; } .result_txt { cursor:no-drop; width:150px; height:40px; text-align:center; font-size:18px; color:red; } .input_txt { border:1px solid red; font-size:18px; } div { margin-top:50px; border:1px solid red; } </style>
<form method="POST" name="word_count"> <script language="JavaScript"> function countit(){ var formcontent=document.word_count.word_count2.value formcontent=formcontent.split(" ") document.word_count.word_count3.value=formcontent.length } </script> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%"> </td> </tr> <tr> <td width="100%"> <div align="left"> <p align="center"> <input type="button" value="Calculate" onClick="countit()" class="button_calc" /> <input type="text" name="word_count3" size="20" class="result_txt" disabled /> </p> </div> </td> </tr> </table> </form>